window.onload = initRotator

var imageCount = 5;
var fade;
var currentImage = 0;
var layer1
var layer2
var timer

function initRotator()
{
	if (window.XMLHttpRequest)
	{
		var preamble = document.getElementById("preamble")
		preamble.style.background="none"
		layer1 = document.createElement("DIV")
		layer1.className="rotator-image"
		layer2 = layer1.cloneNode(true)
		
		layer1.className = "rotator-image img" + currentImage
		layer2.className = "rotator-image img" + (currentImage+1)
		
		
		preamble.insertBefore( layer2, preamble.childNodes[0] )
		preamble.insertBefore( layer1, preamble.childNodes[1] )
		
	
		pauseAndFade()
	}
}

function pauseAndFade()
{
	setTimeout("startFade()",3000)
}

function startFade()
{
	fade = 1
	timer = setInterval("tick()",50)
}

function stopFade()
{
	timer = clearInterval(timer)
}


function tick()
{
	fade -= 0.05
	fadePercent = parseInt(fade*100)
	if (fade <= 0)
	{
		stopFade()
		fade = 1
		currentImage = (currentImage+1) % imageCount
		nextImage = (currentImage+1) % imageCount
		layer1.className = "rotator-image img" + currentImage
		layer2.className = "rotator-image img" + nextImage
		
		//layer1.style.backgroundImage = "url('_assets/client/css/default/images/" + currentImage + ".jpg')"
		//layer2.style.backgroundImage = "url('_assets/client/css/default/images/" + nextImage + ".jpg')"
		pauseAndFade()
	}
	//else
	{
		layer1.style.opacity = fade
		//layer1.style.filter = "alpha(opacity=" + fadePercent + ")"
		//layer1.innerHTML = fadePercent
	}
}