var picture = new Array();
var url = new Array();
var button_spacing = 18;
var maxPicture;
var currentBanner = 0;
var prevBanner;
var counter = 0;
var alpha;
var manualId=-1;
	
function loadCarosuel(){
	var carouselPictures=document.getElementById("carouselPictures").value;
	var sor=carouselPictures.split("*");
	var menu=document.getElementById("carouselMenu");
	var picContainer=document.getElementById("carouselImgContainer");
	menu.style.width=882+"px";
	menu.style.height=18+"px";
	picContainer.style.width=928+"px";
	picContainer.style.height=246+"px";
	
	for(i=0;i<sor.length;i++){
		var adat=sor[i].split("~");
		picture[i]=adat[0];
		url[i]=adat[1];
		var id=i;
		menu.innerHTML=menu.innerHTML+"<div id=cButtonOff"+i+" class=\"carouselButton\" style=\"left:"+i*button_spacing+"px;\" onmouseover=\"cButtonOver('"+id+"');\" onmouseout=\"cButtonOut('"+id+"');\" onmousedown=\"cButtonDown('"+id+"');\" ></div>";
		menu.innerHTML=menu.innerHTML+"<div id=cButtonOver"+i+" class=\"carouselButton carouselButtonOver\" style=\"left:"+i*button_spacing+"px;\" onmouseover=\"cButtonOver('"+id+"');\" onmouseout=\"cButtonOut('"+id+"');\" onmousedown=\"cButtonDown('"+id+"');\" ></div>";
		menu.innerHTML=menu.innerHTML+"<div id=cButtonOn"+i+" class=\"carouselButton carouselButtonOn\" style=\"left:"+i*button_spacing+"px;\" onmouseover=\"cButtonOver('"+id+"');\" onmouseout=\"cButtonOut('"+id+"');\" onmousedown=\"cButtonDown('"+id+"');\" ></div>";
		picContainer.innerHTML=picContainer.innerHTML+"<div id=cPic"+id+" class=\"carouselImg\" style=\"background: url("+picture[i]+"); background-repeat: no-repeat;\" onmousedown=\"goToPage('"+url[i]+"','_top');\"></div>";
	}
	maxPicture=i-1;
	//alert(menu.innerHTML);
	setButton(0);
	
	
}

function cButtonOver(id){
	var button=document.getElementById("cButtonOver"+id);
	var buttonOff=document.getElementById("cButtonOff"+id);
	var buttonOn=document.getElementById("cButtonOn"+id);
	
	if(buttonOn.style.display=="inline") return;
	button.style.display="inline";
	buttonOff.style.display="none";

}

function cButtonOut(id){
	var button=document.getElementById("cButtonOver"+id);
	var buttonDown=document.getElementById("cButtonOn"+id);
	var buttonOff=document.getElementById("cButtonOff"+id);
	if(buttonDown.style.display=="inline") return;
	button.style.display="none";
	buttonDown.style.display="none";
	buttonOff.style.display="inline";
}

function cButtonDown(id){
	if (manualId>-1) return;
	var button=document.getElementById("cButtonOn"+id);
	var buttonOver=document.getElementById("cButtonOver"+id);
	var buttonOff=document.getElementById("cButtonOff"+id);
	button.style.display="inline";
	buttonOver.style.display="none";
	buttonOff.style.display="none";
	manualId=id;
	setButton(id);
}


//	opacity:0.4;
//	filter:alpha(opacity=40); 


function setButton(id){
	if(id!=manualId && manualId>-1){
		manualId=-1;
		return;
	}
	prevBanner = currentBanner;
	currentBanner = id;

	if (prevBanner == currentBanner) {
		prevBanner = -1;
	}
	var buttonOn=document.getElementById("cButtonOn"+id);
	var buttonOver=document.getElementById("cButtonOver"+id);
	var buttonOff=document.getElementById("cButtonOff"+id);

	buttonOn.style.display="inline";
	buttonOver.style.display="none";
	buttonOff.style.display="none";
	
	if(prevBanner>-1){
		var buttonOn=document.getElementById("cButtonOn"+prevBanner);
		var buttonOver=document.getElementById("cButtonOver"+prevBanner);
		var buttonOff=document.getElementById("cButtonOff"+prevBanner);

		buttonOn.style.display="none";
		buttonOver.style.display="none";
		buttonOff.style.display="inline";
	}
	
	
	if(prevBanner>-1)
		var prevImg=document.getElementById("cPic"+prevBanner);
	
	var currentImg=document.getElementById("cPic"+currentBanner);
	
	currentImg.style.opacity=0;
	currentImg.style.display="block";
	
	alpha=0;
	alphaStart();
	
}

function alphaStart(){
	var t=setTimeout("setAlpha()",75);
}

function setAlpha(){
	
	var currentImg=document.getElementById("cPic"+currentBanner);
	
	alpha+=0.1;
	currentImg.style.opacity=alpha;
	
	if(prevBanner>-1){
		var prevImg=document.getElementById("cPic"+prevBanner);
		prevImg.style.opacity=1-alpha;
	}
	
	if(alpha<1)
		alphaStart();
	else{
		if(prevBanner>-1)
			prevImg.style.display="none";
		startAnimation();
	}
		
}

function startAnimation(){
	
	var id=parseInt(currentBanner)+1;
	if(id>maxPicture){
		id=0;
	}
	var t=setTimeout("setButton("+id+")",5000);
}