/* Multi Browser Image Fade
* Courtesy of http://www.brainerror.net/scripts_js_blendtrans.php
* Customized by Metro Malls, August 2006
*/

var slideCache = new Array();
slideCache[0] = 'images/fp_fade_1.jpg';
slideCache[1] = 'images/fp_fade_2.jpg';
slideCache[2] = 'images/fp_fade_3.jpg';
slideCache[3] = 'images/fp_fade_4.jpg';
slideCache[4] = 'images/fp_fade_5.jpg';
slideCache[5] = 'images/fp_fade_6.jpg';
slideCache[6] = 'images/fp_fade_7.jpg';

// Preload images
var preLoad = new Array();
for (i = 0; i < slideCache.length; i++)
{
	preLoad[i] = new Image();
	preLoad[i].src = slideCache[i];
}
var slide_ctr = 0;		// Incremental counter
var displaySecs = 2		// Display longevity (seconds)


function RunSlideShow(divid,imageid)
{
	slide_ctr = slide_ctr + 1;
	if(slide_ctr > (preLoad.length-1)) slide_ctr = 0;
	var slide_image = preLoad[slide_ctr].src;
	
	changeOpac(0, imageid);
	blendimage(divid,imageid,slide_image,100);
	setTimeout("RunSlideShow('"+divid+"','"+imageid+"')",displaySecs*1500);
}

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(divid, imageid, imagefile, millisec)
{
	var speed = Math.round(millisec / 10);
	var timer = 0;
	
	//set the current image as background
	document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
	
	//make image transparent
	changeOpac(0, imageid);
	
	//make new image
	document.getElementById(imageid).src = imagefile;
	
	//fade in image
	for(i = 0; i <= 101; i++)
	{
		setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
		timer++;
	}
}