// -----------------------------------
//  XuMuLu ANIMATION 
// -----------------------------------

// prefs

var pic_loop = 50;

// start

var d = new Date()
	
function do_pic_print(anim)
{
	var pic_anim = document.getElementById("anim"+anim);
	
	pic_anim.innerHTML = '<div id="animbg'+anim+'" style="background-color: '+pics[anim][-1][0]+'; width: '+pic[anim]["width"]+'px; height: '+pic[anim]["height"]+'px; background-position: 0px 0px; background-repeat: no-repeat;"><img id="animimg'+anim+'" src="'+pics[anim][0][0]+'" width="'+pic[anim]["width"]+'" height="'+pic[anim]["height"]+'" border="0" onload="pic_onload(\''+anim+'\');" style="border: 0px; margin: 0px; opacity: 0; filter: alpha(opacity=0);" /></div>';
	
	pic[anim]["init"] = false;
	pic[anim]["step"] = 0;
	pic[anim]["prev"] = -1;
	pic[anim]["init"] = false;
	pic[anim]["alpha"] = 0;
	pic[anim]["interval"] = null;
	pic[anim]["img"] = null;
	pic[anim]["bg"] = null;
	pic[anim]["interval"] = null;
	pic[anim]["time"] = 0;
}

function pic_onload(anim) {
	if(pic[anim]["init"]==false) {
		// first time
		pic[anim]["prev"] = -1;
		pic[anim]["init"] = true;
		setTimeout("start_pic_mount('"+anim+"');",0);
	} else {
		pic[anim]["time"] = d.getTime - pic[anim]["time"]; 
		if(pic[anim]["time"]>pics[anim][pic[anim]["step"]][1]) pic[anim]["time"] = 0;
		setTimeout("start_pic_mount('"+anim+"');",pics[anim][pic[anim]["prev"]][1]);
	}
	return true; 
}

function start_pic_mount(anim) {
	pic[anim]["interval"] = setInterval("do_pic_mount('"+anim+"');",pic_loop);
	return true; 
}

function start_pic_fade(anim) {
	pic[anim]["interval"] = setInterval("do_pic_fade('"+anim+"');",pic_loop);
	return true; 
}

function do_pic_mount(anim) {
	pic_fade_delay = pics[anim][pic[anim]["prev"]][2];
	if(pic_fade_delay) 
		pic[anim]["alpha"]+=100*pic_loop/pic_fade_delay;
	else 
		pic[anim]["alpha"] = 100;
	pic_img = window.document.getElementById("animimg"+anim);
	pic_bg = window.document.getElementById("animbg"+anim);
	if(pic[anim]["alpha"]>0 && pic[anim]["alpha"]<100) {
		pic_img.style.opacity = pic[anim]["alpha"]/100;
		pic_img.style.filter = "alpha(opacity="+pic[anim]["alpha"]+")";
	} else if(pic[anim]["alpha"]>=100) {
		clearTimeout(pic[anim]["interval"]); 
		pic[anim]["alpha"] = 100;
		pic[anim]["prev"]=pic[anim]["step"];
		pic[anim]["step"]+=1;
		if(pic[anim]["step"]>pic[anim]["total"]) pic[anim]["step"]=0;
		pic_img.style.opacity = 1;
		pic_img.style.filter = "alpha(opacity=100)";
		pic_bg.style.backgroundImage="url("+pics[anim][pic[anim]["step"]][0]+")";
		setTimeout("start_pic_fade('"+anim+"');",pics[anim][pic[anim]["prev"]][1]);
	}
	return true; 
}

function do_pic_fade(anim) {
	pic_fade_delay = pics[anim][pic[anim]["prev"]][2];
	if(pic_fade_delay) 
		pic[anim]["alpha"]-=100*pic_loop/pic_fade_delay;
	else 
		pic[anim]["alpha"] = 0;
	pic_img = window.document.getElementById("animimg"+anim);
	if(pic[anim]["alpha"]>0 && pic[anim]["alpha"]<100) {
		pic_img.style.opacity = pic[anim]["alpha"]/100;
		pic_img.style.filter = "alpha(opacity="+pic[anim]["alpha"]+")";
	} else if(pic[anim]["alpha"]<=0) {
		clearTimeout(pic[anim]["interval"]); 
		pic[anim]["alpha"] = 0;
		pic[anim]["prev"]=pic[anim]["step"];
		pic[anim]["step"]+=1;
		if(pic[anim]["step"]>pic[anim]["total"]) pic[anim]["step"]=0;
		pic[anim]["time"] = d.getTime();
		pic_img.style.opacity = 0;
		pic_img.style.filter = "alpha(opacity=0)";
		pic_img.src=pics[anim][pic[anim]["step"]][0];
	}
	return true; 
}