var timeout = 0;
var imageActive = "oImg0";
var imageOpacity = 0;

function setTimer() {
	var timerTrans=setInterval('doTimeOutTrans();', 50);
	var timerFloat=setInterval('doTimeOutFloat();', 50);
	var timerOpac=setInterval('doTimeOutOpac();', 50);
}

function doTimeOutTrans() {
	if( timeout % (timerTicks*transCounter.length) == 0 ) {
		doTrans( (timeout/(timerTicks*transCounter.length)) % transCounter.length)
	} else {
		changeOpac(imageOpacity, imageActive);
		imageOpacity=imageOpacity+transCounter.length;
	}
	if(timeout<(transCounter.length*(timerTicks*transCounter.length))-1)
		timeout++;
	else
		timeout=0;
}

function doTimeOutFloat() {
	floatDiv();
}

function doTimeOutOpac() {
	opacFloatDiv();
}

function doTrans(index) {
	if ( transCounter[index] == transImages[index].length ) { 
		transCounter[index]=0;
		blendImage("imgObj"+index, "oImg"+index, imagedir + transImages[index][transCounter[index]]);
	} else if (transCounter[index]!=0) {
		blendImage("imgObj"+index, "oImg"+index, imagedir + transImages[index][transCounter[index]]);
	}
	transCounter[index]++;
}

function floatDiv() {
	for(var index=0;index<textDiv.length;index++) {
		elem = document.getElementById("div"+index);
		pos = parseInt(elem.style.left.replace(/px/g,""));
		speed = Math.sin( ((pos-textDiv[index][2])/(textDiv[index][3]-textDiv[index][2]))*Math.PI);
		if(pos<textDiv[index][2]) pos = textDiv[index][2];
		if(pos>textDiv[index][3]) pos = textDiv[index][3];
		if(textDiv[index][0]==0) {
			if(pos<textDiv[index][3]) {
				pos += 1+speed*textDiv[index][1];
				elem.style.left=pos+"px";
			} else {
				textDiv[index][0]=1;
				changeGlow(textDiv[index][5],"div"+index);
			}
		} else {
			if(pos>textDiv[index][2]) {
				pos -= 1+speed*textDiv[index][1];
				elem.style.left=pos+"px";
			} else {
				textDiv[index][0]=0;	
				changeGlow(textDiv[index][6],"div"+index);
			}
		}
		elem = null;
		pos = null;
		speed = null;
	}
}

function opacFloatDiv() {
	for(var index=0;index<opacDiv.length;index++) {
		elem = document.getElementById("opacdiv"+index);
		pos = parseInt(elem.style.left.replace(/px/g,""));
		speed = Math.sin( ((pos-opacDiv[index][2])/(opacDiv[index][3]-opacDiv[index][2]))*Math.PI);
		if(pos<opacDiv[index][2]) pos = opacDiv[index][2];
		if(pos>opacDiv[index][3]) pos = opacDiv[index][3];
		if(opacDiv[index][0]==0) {
			if(pos<opacDiv[index][3]) {
				pos += 1+speed*opacDiv[index][1];
				elem.style.left=pos+"px";
				changeOpac(speed*10+20,"opacdiv"+index);
			} else {
				opacDiv[index][0]=1;
				elem.style.backgroundColor = opacDiv[index][4];
			}
		} else {
			if(pos>opacDiv[index][2]) {
				pos -= 1+speed*opacDiv[index][1];
				elem.style.left=pos+"px";
				changeOpac(speed*10+20,"opacdiv"+index);
			} else {
				opacDiv[index][0]=0;	
				elem.style.backgroundColor = opacDiv[index][5];
			}
		}
		elem = null;
		pos = null;
		speed = null;
	}
}

function blendImage( divid, imageid, imagefile) { 
    document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
    changeOpac(0, imageid); 
    document.getElementById(imageid).src = imagefile; 
	imageActive = imageid;
	imageOpacity = 0;
} 

function changeOpac(opacity, id) { 
    var object = document.getElementById(id).style; 
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")";
	object = null;
} 

function changeGlow(glowcolor, id) { 
    var object = document.getElementById(id).style;
    object.filter = "glow(color="+glowcolor+",strength=8)";
	object = null;
} 



