/*Fade In & Out Image Gallery
Original from http://www.brainerror.net/scripts/javascript/blendtrans/*/

function addLoadEvent(func) {
	var oldonload = window.onload;
	if (typeof window.onload != 'function'){
	window.onload = func;
	}
  else {
  	window.onload = function(){
	oldonload();
	func();
	}
  }
}

//change the opacity
function changeOpacity(opacity, id) {
	if(!document.getElementById) return false; //if javascript unavailable

    var image = document.getElementById(id).style;
	
	//browser opacities
    image.opacity = (opacity / 101);
    image.MozOpacity = (opacity / 101);
    image.KhtmlOpacity = (opacity / 101);
    image.filter = "alpha(opacity=" + opacity + ")";
} 

function imageFadeGallery(newImg){
	//set your time (300 = 3 seconds), img id, and div id
	var time = 500;
	var imgId = "placeholder";
	var imgDiv = document.getElementById("rotatingCars");
	
	var speed = Math.round(time / 100);
    var timer = 0;
	
	var currentImg = document.getElementById(imgId);

	imgDiv.style.backgroundImage = "url(" + currentImg.src + ")";

	changeOpacity(0, imgId);
	
	//bring in the new image
	currentImg.src = newImg;

	 for(i = 0; i <= 100; i++){
	 	setTimeout("changeOpacity(" + i + ",'" + imgId + "')",(timer * speed));
		timer++;
	}
}