//change the opacity for different browsers
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 + ")";
}

function blendimage(fadeOutImageID, fadeInImageID, imagefile, millisec) {
	var speed = Math.round(millisec / 100);
	var timer = 0;
	
	document.getElementById(fadeOutImageID).src = document.getElementById(fadeInImageID).src;
	document.getElementById(fadeInImageID).src = imagefile;
	
	if(navigator.userAgent.indexOf("Safari") < 0){
	    changeOpac(100, fadeOutImageID);
	    changeOpac(0, fadeInImageID);
	}
	
	var j = 99;
	for(i = 0; i <= 100; i++) {
		setTimeout("changeOpac(" + i + ",'" + fadeInImageID + "')",(timer * speed));
		setTimeout("changeOpac(" + j + ",'" + fadeOutImageID + "')",(timer * (speed/2)));
		j--;
		timer++;
	}
}


//function blendimage(fadeOutImageID, fadeInImageID, imagefile, millisec) {
//	var speed = Math.round(millisec / 100);
//	var timer = 0;
//	
//	document.getElementById(fadeOutImageID).src = document.getElementById(fadeInImageID).src;
//	//changeOpac(100, fadeOutImageID);
//	
//	document.getElementById(fadeInImageID).src = imagefile;
//	changeOpac(0, fadeInImageID);
//	
//	//fade in new image
//	for(i = 0; i <= 100; i++) {
//		setTimeout("changeOpac(" + i + ",'" + fadeInImageID + "')",(timer * speed));
//		timer++;
//	}
//	
//	//fade out old image
//	for(i = 100; i >= 0; i--) {
//		setTimeout("changeOpac(" + i + ",'" + fadeOutImageID + "')",(timer * (speed/2)));
//		timer++;
//	}	
//}