//Do Fading Slideshow for Splash page
var max_bgnum=6; //num of backgrounds
var bg_swaptime=8; //in seconds;
var bgnum=1; //Start Background Number
var milli	= 1500;
var speed	= Math.round(milli / 100); 
var timer	= 1;

function swapBgImage(){

	//Id of DIV that background image is in
	id			= "tpl_slideshow";
	
	if(document.getElementById(id)){
		bgnum++;
		if(bgnum > max_bgnum){
			bgnum = 1;
		}

		//Fade out Image
		for(i = 100; i >= 0; i--){ 
			setTimeout("changeOpac(" + i + ",'" + id + "'," + bgnum + ")",(timer * speed)); 
			timer++;
		} 			

		//Fade Image back in
		for(i = 0; i <= 100; i++) { 
			setTimeout("changeOpac(" + i + ",'" + id + "'," + bgnum + ")",(timer * speed)); 
			timer++; 
		}
	}else{
		clearInterval(scrollTimer);
	}
	
} 

//change the opacity for different browsers
//Function based on http://www.brainerror.net/scripts_js_blendtrans.php
function changeOpac(opacity, id, bgnum) { 
	var object = document.getElementById(id).style; 
	object.opacity = (opacity / 100); 
	object.MozOpacity = (opacity / 100); 
	object.KhtmlOpacity = (opacity / 100); 
	object.filter = "alpha(opacity=" + opacity + ")"; 

	if(opacity == 1){
		//Swap Image
		document.getElementById(id).src="images/slideshow/slideshow_"+bgnum+".jpg";
	}
} 
var scrollTimer=window.setInterval("swapBgImage();",(bg_swaptime*500));