var bannerInterval;
var bannerIndexMax;
var bannerIndex;
var bannerPath="upload/home/banner/";
var bannerId="banner";
var bannerTime=6000;
var disable=false;


function startBannerRotation(){	
	bannerIndexMax=7;
	bannerIndex=0;	
	var preload = new Array();
	for(x=1;x<7;x++){Effect.Fade('item'+x, { duration: 0, from: 1, to:.5 });}
	for(x=0;x<7;x++){
		document.getElementById("item"+x).setAttribute("onclick", "selectBannerItem("+x+")");
		document.getElementById("item"+x).setAttribute("onmouseover", "hoverBannerItem("+x+", true)");
		document.getElementById("item"+x).setAttribute("onmouseout", "hoverBannerItem("+x+", false)");
		preload[x] = new Image(980,260);
		preload[x].src = bannerPath+x+".jpg";
	}
	bannerInterval = setInterval("bannerRotate()", bannerTime);
}

function bannerRotate(){
	disable=true;
	new Effect.Fade(bannerId, { duration: 1.0, from: 1, to:.01 });
	new Effect.Fade('item'+bannerIndex, { duration: 0.5, from: 1, to:.5 });
	bannerIndex++;
	if(bannerIndex>=bannerIndexMax){bannerIndex=0;}
	setTimeout("setNewBanner()", 1100);
}
function setNewBanner(){
	document.getElementById(bannerId).style.backgroundImage="url('"+bannerPath+bannerIndex+".jpg')";	
	new Effect.Fade(bannerId, { duration: 1.0, from: .01, to:1 });
	new Effect.Fade('item'+bannerIndex, { duration: 1.0, from: .5, to:1 });
	disable=false;
}

function hoverBannerItem(num, trigger){
	object = document.getElementById("item"+num).style;
	if(num!=bannerIndex){
		if(trigger==true){new Effect.Fade('item'+num, { duration: 0.1, from: .5, to:1 });}
		else if(trigger==false){new Effect.Fade('item'+num, { duration: 0.1, from: 1, to:.5 });}
	}
}

function selectBannerItem(num){
	if(num!=bannerIndex  && disable==false){
		disable=true;
	clearInterval(bannerInterval);
	new Effect.Fade(bannerId, { duration: 1.0, from: 1, to:.01 });
	new Effect.Fade('item'+bannerIndex, { duration: 0.5, from: 1, to:.5 });
	bannerIndex=num;
	setTimeout("setNewBanner()", 1100);
	bannerInterval = setInterval("bannerRotate()", bannerTime);}
}