var etat;
var duree = 1;
var timerx;
var conteneurSlides;

function createSlideshow(UrlXml){
	jQuery(document).ready(function() {
		getParamXml(UrlXml);
	});
}
function getParamXml(UrlXml){
	var req = null;
	var source = UrlXml;
	if (window.XMLHttpRequest){
		req = new XMLHttpRequest();
	}
	else if (window.ActiveXObject){
		try {
			req = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e){
			try {
				req = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e) {}
		}
	}
	req.onreadystatechange = function(){
		if(req.readyState == 4){
			//ATTENTION : Pour Tester en local on ignore la valeur de req.status et on se base uniquement sur req.readyState :
			if(req.status == 200){
				buildSlides(req.responseXML);
			}
			//ici mettre un else
			//----------------------------------------------------------------------------------------------------------------
		}
	};
	req.open("GET", source, true);	
	req.send(null);
}
function buildSlides(xmlContent){
	var content = "";
	var slides = xmlContent.getElementsByTagName("slide");
	var mlv = 0;
	for(var i = 0; i < slides.length; i++){		
		var lien = xmlContent.getElementsByTagName("lien")[i].firstChild.nodeValue;
		var srcImg = xmlContent.getElementsByTagName("image")[i].firstChild.nodeValue;
		var target = xmlContent.getElementsByTagName("typelien")[i].firstChild.nodeValue;
		content = content+"<div class=\"slide\" id=\"slide"+i+"\" style=\"margin-left:"+mlv+"px;\"><a href=\""+lien+"\" target=\""+target+"\"><img src=\""+srcImg+"\" width=\"772px\" height=\"271px\" /></a></div>";
		mlv = mlv + 772;
	}
	injecterSlides(content);
}
function injecterSlides(content){
	conteneurSlides = document.getElementById("slideshow_viewer");
	conteneurSlides.innerHTML = content;
	document.getElementById("loader_slide").style.display = "none";
	conteneurSlides.style.display = "block";
	etat = 0;
	var fleft = document.getElementById("flecheleft");
	var fright = document.getElementById("flecheright");
	fleft.style.display = "block";
	fright.style.display = "block";
	var slides_page = conteneurSlides.getElementsByTagName("div");
	slides_page[slides_page.length - 1].style.marginLeft = "-772px";
	fleft.onclick = function(){
		goPrev();
	}
	fright.onclick = function(){
		goNext();
	}
	setReperes(slides_page.length);
	timerx = setInterval("goNext()", 5000);
}
function goNext(){
	clearInterval(timerx);
	document.getElementById("flecheleft").onclick = function(){
		wait();
	}
	document.getElementById("flecheright").onclick = function(){
		wait();
	}
	var mlA = parseInt(conteneurSlides.style.marginLeft);
	var mlB = mlA - 772;
	var tn = new Tween(conteneurSlides.style,'marginLeft',Tween.regularEaseOut,mlA,mlB,duree,'px');
	tn.start();
	tn.onMotionFinished = function(){
		if(etat < conteneurSlides.getElementsByTagName("div").length - 1){
			etat++;
		}else{
			etat = 0;
		}
		reorganiser();
		document.getElementById("flecheleft").onclick = function(){
			goPrev();
		}
		document.getElementById("flecheright").onclick = function(){
			goNext();
		}
		timerx = setInterval("goNext()", 5000);
		updateRepere();
	};
}
function goPrev(){
	clearInterval(timerx);
	document.getElementById("flecheright").onclick = function(){
		wait();
	}
	document.getElementById("flecheleft").onclick = function(){
		wait();
	}
	var mlA = parseInt(conteneurSlides.style.marginLeft);
	var mlB = mlA + 772;
	var tp = new Tween(conteneurSlides.style,'marginLeft',Tween.regularEaseOut,mlA,mlB,duree,'px');
	tp.start();
	tp.onMotionFinished = function(){
		if(etat > 0){
			etat--;
		}else{
			etat = conteneurSlides.getElementsByTagName("div").length - 1;
		}
		reorganiser();
		document.getElementById("flecheright").onclick = function(){
			goNext();
		}
		document.getElementById("flecheleft").onclick = function(){
			goPrev();
		}
		timerx = setInterval("goNext()", 5000);
		updateRepere();
	};
}
function reorganiser(){
	var ml = 0;
	var step_ml = 772;
	var slidespage = conteneurSlides.getElementsByTagName("div");
	for(var v1 = etat; v1 < slidespage.length; v1 ++){
		slidespage[v1].style.marginLeft = ml+"px";
		ml = ml+step_ml;
	}
	if(etat != 0){
		for(var v2 = 0; v2 < etat; v2 ++){
			slidespage[v2].style.marginLeft = ml+"px";
			ml = ml+step_ml;
		}
	}
	var dernier;
	if(etat == 0){
		dernier = slidespage.length -1;
	}else{
		dernier = etat - 1;
	}
	slidespage[dernier].style.marginLeft = "-772px";
	conteneurSlides.style.marginLeft = "0";
}
function wait(){
	//
}
function setReperes(nb){
	var conteneur_fleches = document.getElementById('slideshow_fleches');
    var mlrep = 10;
	for(var i = 0; i < nb; i++){
		conteneur_fleches.innerHTML = conteneur_fleches.innerHTML + "<span id=\"rep"+i+"\" style=\"margin-left:"+mlrep+"px; display: block; height: 19px; margin-top: 235px; position: absolute; width: 19px; background-image:url(\'/cms-dartybox-front-vitrine/images/animaccueil/layout/slider-puce-off.png\');\">&nbsp;</span>";
		mlrep=mlrep+20;
	}
	document.getElementById("rep"+etat).style.backgroundImage='url(/cms-dartybox-front-vitrine/images/animaccueil/layout/slider-puce-on.png)';
}
function updateRepere(){
	var tabRep = document.getElementById('slideshow_fleches').getElementsByTagName('span');
	for (var j = 0; j < tabRep.length; j++){
		if(tabRep[j].id == "rep"+etat){
			tabRep[j].style.backgroundImage='url(/cms-dartybox-front-vitrine/images/animaccueil/layout/slider-puce-on.png)';
		}else{
			tabRep[j].style.backgroundImage='url(/cms-dartybox-front-vitrine/images/animaccueil/layout/slider-puce-off.png)';
		}
	}
}