var img = new Image();
img.src = 'images/largeframe.gif';
	
var done = true;

var aniStack = new Array();
var inc=0;

var ainc=0;
var imageStack = new Array();
var imageNamesStack = new Array();

//firefox will load the gif once, and once cached, will not redisplay the animation a second time unless working on offline files...
//so, we use the caching system for force the browser to pull fresh URLs for the same image...and try to do some preloading to keep it quick...

function refreshImageStack() {
	
	for (i = 0;i < 10;i++) {
		imageStack[i] = new Image();
		imageStack[i].src = "images/largeframe.gif?a="+(inc+i);
		imageNamesStack[i] =  "images/largeframe.gif?a="+(inc+i);
	}
}
refreshImageStack();
function getNextShine() {
	ainc++;
	if (ainc > imageStack.length-1) {
		refreshImageStack();
		ainc=0;
	}
	//alert(ainc+" url("+imageNamesStack[ainc]+")");
	return "url("+imageNamesStack[ainc]+")";
	
}

function doAni(target) {
	for (i = 0;i < aniStack.length;i++) if (aniStack[i] == target) return;
    document.getElementById(target).style.backgroundImage = getNextShine();
	
	aniStack.push(target);
	//alert("pushed "+target);
	var t = setTimeout('resetAni();',800);
}
function resetAni() {
	target = aniStack.shift();
	//alert("shifted "+target);
	document.getElementById(target).style.backgroundImage = "";

}