$(document).ready(function(){
	// read from xml
  	$.ajax({
    	type: "GET",
    	url: "lecteurxml.php",
    	dataType: "xml",
    	success: parseXml
  	});
});

function parseXml(xml) {
	var iSlide			= 0;
	$(xml).find("slide").each(function()
	{
		var imgName		= $(this).find("img").text();
		var banText		= $(this).find("text").text();
		var banText2	= $(this).find("text2").text();
		var banText3	= $(this).find("text3").text();
		var urlLink		= $(this).find("link").text();
		var newPrice 	= $(this).find("newprice").text();
		
		var slideHtml	= '<div class="slide"><div class="texteslide"><span class="titreban">'+banText+'</span>&nbsp;<br>'+banText2+'<br>'+banText3+'<br><span class="prix">'+newPrice+'</span><br><a href="'+urlLink+'"><img src="http://www.barthe.fr/imgslide/gotourlLink.png" width="12" height="12" alt="en savoir plus" border="0" /> <span class="links"> En savoir plus</span></a></div><div class="bgslide"><img src="'+imgName+ '" alt="image" width="950" height="220" /></div></div>';
		$("#slidesContainer").append(slideHtml);
		var thumb		= $(this).find("thumb").text();
		var thumbHtml	= '<div class="thumb" id="tmb'+iSlide+'"><img src="'+thumb+'"alt="image" width="32" height="32" /></div>';
		iSlide++;
		$("#thumbBlock").append(thumbHtml);
	});
	configure_slideshow();
}

function configure_slideshow() {
	//Configuration
	var tempsTransition 	= 800;
	var clicTransition 		= 200;
	var waitTime	 		= 6000;
	var waitOnClick 		= 15000;
	var currentPosition 	= 0;
	var currentDir			= 1;
	var slideWidth 			= 950;
	var slides 				= $('.slide');
	var numberOfSlides 		= slides.length;
	var interval;
	// Supprime la scrollbar en JS
  	$('#slidesContainer').css('overflow', 'hidden');

  	// Attribue  #slideInner  à toutes les div .slide
  	slides
    	.wrapAll('<div id="slideInner"></div>')
    	// Float left to display horizontally, readjust .slides width
		.css({
    	  'float' : 'left',
    	  'width' : slideWidth
    	});

  	// Longueur de #slideInner égale au total de la longueur de tous les slides
  	$('#slideInner').css('width', slideWidth * numberOfSlides);

  	//Crée un écouteur d'évènement de type clic sur les classes .control
  	$('.thumb').bind('click', function(){
		// Determine la nouvelle position
		var tmbIdStr		= $(this).attr('id');
		var tmbId			= parseInt(tmbIdStr.substr(3,tmbIdStr.length-3));
		moveToSlide(tmbId,clicTransition);
  	});

  	function moveToSlide(newPos,time) {
		var tmbOld			= '#tmb'+currentPosition;
		$(tmbOld).removeClass("thumbHL");
		var tmbNew			= '#tmb'+newPos;
		$(tmbNew).addClass("thumbHL");
		currentPosition		= newPos;
    	$('#slideInner').animate({
    	  'marginLeft' : slideWidth*(-currentPosition)
    	},time,'swing');
		clearInterval(interval);
		if (time==clicTransition) {
 			interval = setInterval(next, waitOnClick);
		} else {
			interval = setInterval(next, waitTime);
		}
  	}
  // manageControls: Cache ou montre les flêches de controle en fonction de la position courante
  	function next(){
		var newPos			= currentPosition + currentDir;
		if (newPos==numberOfSlides) {
			newPos			= numberOfSlides-2;
			currentDir		= -1;
		}
		if (newPos<0) {
			newPos			= 1;
			currentDir		= 1;
		}
		moveToSlide(newPos,tempsTransition);
  	}
	
 // lance la lecture	
 interval = setInterval(next, waitTime);

}