// JavaScript Document

function setOpacity(opacityPct, id) 
{

	var object = document.getElementById(id).style; 
	
	// IE/Win
	object.filter = "alpha(opacity=" + opacityPct + ")";
	// Safari<1.2, Konqueror	
	object.KhtmlOpacity = (opacityPct / 101);
	
	// Safari 1.2, newer Firefox and Mozilla, CSS3	
	object.opacity = (opacityPct / 101);
	
	// Older Mozilla and Firefox
	object.MozOpacity = (opacityPct / 101);

}

function crossfade(imgsrc) 
{
	var millisec = 800;
	var speed = Math.round(millisec / 100);
	var timer = 0;
			
	document.getElementById('crossfader').style.backgroundImage = "url(" + document.getElementById('mainimg').src + ")";
	
	setOpacity(0, 'mainimg');
	
	//swap the new image into the main image area
	document.getElementById('mainimg').src = imgsrc;

	//set timer to perform crossfade 
	for(i = 0; i <= 100; i++) {
		setTimeout("setOpacity(" + i + ",'mainimg')",(timer * speed));
		timer++;
	}
}