var changeSpeed = 4000;
var nextImg = -1;
var currentOpacity = 100;
var imagesLoc = sitePath+'images/banner/';
var conts = new Array('t1', 't2');
var nextCont = 1;
var images = new Array("1.jpg", "2.jpg", "3.jpg");
var nextFade = 0;
var id = null;
var timer = null;
var firstTime = true;
var img;

/**
* main controller for the transition
*/
function transition () {

	// what is the next image
	nextImg = ((images.length-1)==nextImg)?0:nextImg+1;
	
	// get the next container
	nextCont = 1-nextCont;
		
	// change speed
	if (firstTime) {
		firstTime = false;
		changeSpeed = 1000;
	} else {
		changeSpeed = 5000;
	}

	// load the next image
	startAnim();
}

/**
* start the animation, setting the next image to appear
*/
function startAnim (evt) {
	if (d = document.getElementById(conts[nextCont])) {
		d.src = imagesLoc+images[nextImg];
	}
	interval = setInterval('clears()', changeSpeed);
}

/**
* clear intervals
*/
function clears () {
	clearInterval(interval);
	fade();
}

/**
* fade the image into the screen
*/
function fade () {
	if ((currentOpacity < 0) || (currentOpacity > 100)) {
		clearTimeout(timer);
		currentOpacity = nextCont*100;
		transition();
	} else {
		if (nextCont==0) {
			currentOpacity -= 1.3;
		} else {
			currentOpacity += 1.3;
		}


		if (img) {
			//img.MozOpacity = (currentOpacity / 100);
			img.opacity = (currentOpacity / 100);
			//d.KhtmlOpacity = (currentOpacity / 100);
			img.filter = "alpha(opacity=" + currentOpacity + ")";
		}

		timer = setTimeout("fade()", 70);
	}
}

function preloader() {
	var i = 0;
	imageObj = new Image();
	for(i = 0; i <= 3; i++) {
		imageObj.src = imagesLoc+images[i];
	}
}

//preloader();
//window.onload = function() {
	//transition();
	//img=document.getElementById("t2").style;
//}