// Carrousel Javascript
// Auteur : Jean HEHN - www.oxalis.be
// Octobre 2008

var currentImg=0;
var opacity=0;
		
function switchImg()
{
	opacity=0;
	setOpacity(document.getElementById("carrousel_img"),opacity);
	showInt=setInterval(show,40);
	document.getElementById("carrousel_img").innerHTML="<a href='http://"+imgs[currentImg].link+"' target='"+imgs[currentImg].target+"'><img src='"+displayDir+imgs[currentImg].img+"' border='0'></a>";
	for(i=0;i<imgs.length;i++) document.getElementById("car_menu_"+i).className="car_menu_elmt";
	document.getElementById("car_menu_"+currentImg).className="car_menu_elmt_active";
	currentImg++;
	if(currentImg>=imgs.length) currentImg=0;
} 

function launch(id)
{
	clearInterval(interval);
	currentImg=id;
	switchImg();
	interval = setInterval(switchImg,delay);	
}

function show()
{
	opacity+=5;
	setOpacity(document.getElementById("carrousel_img"),opacity);
	if(opacity>=100) clearInterval(showInt);
}

function setOpacity(elmt,value)
{
	elmt.style.opacity = value/100;
	elmt.style.filter = 'alpha(opacity=' + value + ')';
}
				
function nextImg()
{
	launch(currentImg);
}

function prevImg()
{
	currentImg-=2;
	if(currentImg<0) currentImg+=(imgs.length);
	launch(currentImg);
}

function carrouselInit()
{	
	menu="";
	menu="<table width='100%' cellspacing='0' cellpadding='0'><tr align='center'><td width='22px' height='25px'><a href='javascript:prevImg();'><img src='JS_carrousel/layout_img/invisible.gif' width='22px' height='25px' border='0'></a></td>";
	for(i=0;i<imgs.length;i++) menu+="<td><div class='car_menu_elmt' id='car_menu_"+i+"'><a href='javascript:launch("+i+");'>"+imgs[i].label+"</a></div></td>";
	menu+="<td width='22px'><a href='javascript:nextImg();'><img src='JS_carrousel/layout_img/invisible.gif' width='22px' height='25px' border='0'></a></td></tr></table>";
	document.getElementById("carrousel_menu").innerHTML=menu;
	switchImg();
	interval = setInterval(switchImg,delay);
}