//	Slideshow script


//Images to be used in slideshow
//	More images may be added to the slideshow by simply adding elements to this array
imgArray = new Array();
imgArray[0] = 'images/custom/home_img3.jpg';
imgArray[1] = 'images/custom/home_img.jpg';
imgArray[2] = 'images/custom/home_img2.jpg';


// Preload the images
var len = imgArray.length;
var preLoad = new Array();

for(i = 0; i < len; i++)
{
	preLoad[i] = new Image(100, 100);
	preLoad[i].src = imgArray[i];
}

//Duration each image will show before transition
slideShowSpeed = 4000;


//Current position in the array.
currentPos = 0;

// method to start/run the slideshow
function runSlideShow() {
	
	//increase the current position each time this method is called. 
	//	the '%imgArray.length' keeps the current position within the bounds of the array.
	currentPos = ++currentPos%imgArray.length;
	
	//call blendimage function. 
	//	1st argument = id of 1st div tag (current image)
	//	2nd argument = id of 2nd div tag (for the new image)  
	//	3rd argument = path of new image - from the array.
	//	4th argument = duration of the transition
	blendimage('main-banner','main-banner2',imgArray[currentPos],700);
	
    t = setTimeout('runSlideShow()', slideShowSpeed);
}


function opacity(id, opacStart, opacEnd, millisec) {
	//speed for each frame
	var speed = Math.round(millisec / 100);
	var timer = 0;

	//determine the direction for the blending, if start and end are the same nothing happens
	if(opacStart > opacEnd) {
		for(i = opacStart; i >= opacEnd; i--) {
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	} else if(opacStart < opacEnd) {
		for(i = opacStart; i <= opacEnd; i++)
			{
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	}
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
	var object = document.getElementById(id).style; 
	object.opacity = (opacity / 100);	/* CSS Compliant style */
	object.MozOpacity = (opacity / 100);	/* Legacy Mozilla style */
	object.KhtmlOpacity = (opacity / 100);	
	object.filter = "alpha(opacity=" + opacity + ")";  /* IE style */
}

//parameters:  divid = id of 1st div, imageid = id of 2nd div, imagefile = path of new image, millisec = transition duration
function blendimage(divid, imageid, imagefile, millisec) {
	var speed = Math.round(millisec / 100);
	var timer = 0;
	
	//set the current image as background
	document.getElementById(divid).style.backgroundImage = document.getElementById(imageid).style.backgroundImage;
		
	//make image transparent
	changeOpac(0, imageid);
	
	//make new image
	document.getElementById(imageid).style.backgroundImage = "url(" + imagefile + ")";

	//fade in image
	for(i = 0; i <= 100; i++) {
		setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
		timer++;
	}
}