// JavaScript Document
var counter = 0;
var idnum = "box";
var t;
var ImageArray = new Array(10);


for(x = 0; x < 10; x++)
{
	ImageArray[x] = new Image();
	ImageArray[x].src = "Spark" + x + ".png";
}
function animate(input, NumReplace)
{
	idnum  = "Box" +  input;
	t = setInterval("disp_img(counter)", 100);
	
	document.getElementById("Box" + NumReplace).style.backgroundImage = "none";
}

function disp_img(w)
	{	
	if (counter == 10)
	{
		document.getElementById(idnum).style.backgroundImage = "url(Spark11.png)";
		clearTimeout(t);
		
	}
	else{
	var img_src = ImageArray[counter].src;
	document.getElementById(idnum).style.backgroundImage = "url(" + img_src + ")";
	counter++;
	}
	}
	
function counterReset(PageHoverNum)
{
	clearTimeout(t);
	counter = 0;
	document.getElementById(idnum).style.backgroundImage = "none";
	document.getElementById("Box" + PageHoverNum).style.backgroundImage = "url(button-hover.png)";
	
}