$(window).ready(scroller);
//load the world vars
var canvas;
var stage;
var images = ["image0.jpg","image1.jpg","image2.jpg","image3.jpg","image4.jpg"]
var count;
var animationFinished;
var theRandomNumber
var Tick

function scroller() {
	// create a new stage and point it at our canvas:
	if(!(!!document.createElement('canvas').getContext))
	{
		var b = document.getElementById("bannerHolder");
		b.innerHTML = "<img src='http://www.koodoocreative.co.uk/wp-content/themes/Koodoo/images/image0.jpg'>";
		return;
	}
	

	canvas = document.getElementById("bannerCanvas");
	canvas.addEventListener('click',onMouseDown, false); 
	
	stage = new Stage(canvas);

	// load the source image:
	var image = new Image();
	image.src = "http://www.koodoocreative.co.uk/wp-content/themes/Koodoo/images/image0.jpg"
	image.onload = handleImageLoad;
	var top = new Image();
	top.src = "http://www.koodoocreative.co.uk/wp-content/themes/Koodoo/images/topBannerImage.png"
	top.onload = imageTop;
	
	animationFinished = true

	stage.tick();

}

//////////////////////////////////////////////////////////////////// BANNER /////////////////////////////////////////////////////////////
function imageTop(event)
{
	var image = event.target;
	var bitmap;
	bitmap = new Bitmap(image);
	bitmap.x = 0
	bitmap.y = 0
	bitmap.alpha = 1
	bitmap.name = "start"
	bitmap.mouseEnabled = true;
	stage.addChildAt(bitmap, 99);
	stage.tick();
}	
function handleImageLoad(event)
{
	var image = event.target;
	var bitmap;
	bitmap = new Bitmap(image);
	bitmap.x = 0
	bitmap.y = 0
	bitmap.alpha = 1
	bitmap.name = "start"
	bitmap.mouseEnabled = true;
	stage.addChildAt(bitmap, 1);
	stage.tick();
}	
function tick()
{

	//alert('in tick')
	var im = stage.getChildAt(1)
	var n = canvas.width
	//of the stage.

	if (im.x < -n)
	{
		stage.removeChild(im)
		animationFinished = true
		Tick.removeListener(window) 
	}else{
		animationFinished = false	
	}
	//move the circle over 10 pixels
	im.x -= 20;

	//re-render the stage
	stage.tick();
}
		
function onMouseDown(ev)
{

	if(stage.mouseX && stage.mouseY)
	{
		if(stage.mouseX > 800 && animationFinished == true)
		{		
			
			var n = getNumber()
			theRandomNumber = n
			var newImage = images[n]	
			// load an image below
			var image = new Image();
			image.src = "http://www.koodoocreative.co.uk/wp-content/themes/Koodoo/images/"+newImage
			image.onload = handleBottomImageLoad;
		}
		//alert(animationFinished)
	}

}
function getNumber ()
{
	//while the rn == to local rn keep checking	
		var randomnumber=Math.floor(Math.random()*5) 
		while (theRandomNumber == randomnumber)
		  {
		  randomnumber=Math.floor(Math.random()*5) 
		  }
		return randomnumber
}
	
function handleBottomImageLoad(event)
{
	var image = event.target;
	var bitmap;
	bitmap = new Bitmap(image);
	bitmap.x = 0
	bitmap.y = 0
	bitmap.mouseEnabled = true;
	stage.addChildAt(bitmap, 0);
	
			
	
	Tick.addListener(window);
	Tick.setInterval(5);
	//re-render the stage
	
	stage.tick();
}