jQuery.noConflict();
Event.observe(document, 'refresh:after',  carrousel, false);

window.onload=function (event) {
	carrousel();
}

//vitesse de défilement
var vit=1;
//Sens de défilement par défaut
var sens = "ltr";
var nbitem;
var arrw1;
var duplicDefil;
var widthref;
var timeout = 0;

//Creation d'une fonction remplaçant getElementsByClassName pour IE
function IEgetElementsByClassName (tag, classname) {
	var arrclass = new Array;
	var i = 0;
	var tags = document.getElementsByTagName(tag);
	while (element = tags[i++]) {
	  if (element.className == classname) {
		arrclass.push(element);
	  }
	}
	return arrclass;
}

// Fonction d'initialisation
function carrousel() {
	var flechegche;
	var flechedte;
	var items;
	//recupération des éléments
	if (document.getElementsByClassName) {
		items = document.getElementsByClassName("items");
		arrw1 = document.getElementsByClassName("defil");
		flechegche = document.getElementsByClassName("flechegche");
		flechedte = document.getElementsByClassName("flechedte");
		nbitem = document.getElementsByClassName("vignettecar");
	}
	else {
		items = IEgetElementsByClassName("div","items");
		arrw1 = IEgetElementsByClassName("div","defil");
		flechegche = IEgetElementsByClassName("div","flechegche");
		flechedte = IEgetElementsByClassName("div","flechedte");
		nbitem = IEgetElementsByClassName("div","vignettecar");
	}
	arrw1[0].style.width=nbitem.length*nbitem[0].offsetWidth+"px";
	duplicDefil=document.createElement("div");
	duplicDefil.innerHTML=arrw1[0].innerHTML;
    items[0].appendChild(duplicDefil);
	duplicDefil.style.position="absolute";
	duplicDefil.style.top="0px";
	duplicDefil.style.width=nbitem.length*nbitem[0].offsetWidth+"px";
	widthref=items[0].offsetWidth;
	if (document.getElementsByClassName) {
		nbitem = document.getElementsByClassName("vignettecar");
	}
	else {
		nbitem = IEgetElementsByClassName("div","vignettecar");
	}
	
	//Evenements appelés sur le click des vignettes
	/*for (b=0;b<nbitem.length;b++) {
		nbitem[b].onclick=function (event) {
			alert("Click sur vignette");
		}
	}*/

	//Gestion du sens des fleches
	for (k=0;k<flechegche.length;k++) {
		flechegche[k].onmouseover=function (event) {
			sens="ltr";
			clearTimeout(timeout);
			timer();
		}
		flechegche[k].onmouseout=function (event) {
			clearTimeout(timeout);
		}
		flechedte[k].onmouseover=function (event) {
			sens="rtl";
			clearTimeout(timeout);
			timer();
		}
		flechedte[k].onmouseout=function (event) {
			clearTimeout(timeout);
		}
	}
}
// Carrousel
function timer () {
	var val;
	var valduplic;
	if (sens=="ltr") {
		(arrw1[0].style.left=="") ? val=0 :(val=parseInt(arrw1[0].style.left.replace("px", ""))+1);
		valduplic = val-arrw1[0].offsetWidth;
		if (val+arrw1[0].offsetWidth<widthref) {valduplic = val+arrw1[0].offsetWidth;}
	}
	if (sens=="rtl") {
		(arrw1[0].style.left=="") ? val=0 :(val=parseInt(arrw1[0].style.left.replace("px", ""))-1);
		valduplic = val-arrw1[0].offsetWidth;
		if (val+arrw1[0].offsetWidth<widthref) {valduplic = val+arrw1[0].offsetWidth;}
	}
	if (val>arrw1[0].offsetWidth) {
		val=0;
	}
	if (val+arrw1[0].offsetWidth<0) {
		val=arrw1[0].offsetWidth;
	}
	arrw1[0].style.left=val+"px";
	duplicDefil.style.left=valduplic+"px";
	timeout = setTimeout("timer()",vit);
}