var curImage = 0;
var listeImage = new Array();
var listeLegende = new Array();
var lecture = false;

function goToImagePrincipale(num) {
	curImage = num;
	if (lecture){
		$("#slide").stopTime(0);
		$("#slide").oneTime(2000,function(i) {
			swapImagePrincipale();
		});
	}
	else{
		var img = new Image();
		$(img)
		.load(function () {
			$(this).css({'position' : 'relative','top' : listeImage[curImage+'.jpg'][3]+'px','margin' : 0,'padding' : 0});
			$(this).attr('id', 'imagePrincipale');
			$("#imagePrincipale").replaceWith(this);
			$(this).hide();
			$("#legende").hide();
			$("#legende").html(listeLegende[curImage]);
			$(this).fadeIn(500,function(){
				if (curImage!=1)
					$("#legende").fadeIn("slow");
			});
			curImage = curImage+1;
		})
		.attr('src', 'images/'+curImage+'.jpg');
	}
};

function swapImagePrincipale() {
	$("#slide").stopTime(0);
	
	var img = new Image();
	if (curImage == listeImage["longueurTableau"])
		curImage = 0;
	if (lecture){
		$(img)
			.load(function () {
				$(this).css({'position' : 'relative','top' : listeImage[curImage+'.jpg'][3]+'px','margin' : 0,'padding' : 0});
				$(this).attr('id', 'imagePrincipale');
				$("#imagePrincipale").replaceWith(this);
				$(this).hide();
				$("#legende").hide();
				$("#legende").html(listeLegende[curImage]);
				$(this).fadeIn(500,function(){
					if (curImage!=1)
						$("#legende").fadeIn("slow");
					//timerSwap = setTimeout("swapImagePrincipale();", 3000);
					$("#slide").oneTime(2000,function(i) {
						swapImagePrincipale();
					});
				});
				curImage = curImage+1;
			})
			.attr('src', 'images/'+curImage+'.jpg');
	}
};

$(document).ready(function(){
	//centre notre slideshow
	//$("#ensemble").css({"left" : parseInt($("#ensemble").position().left/2),"position" : "absolute"});
	
	var Pas = 3;
	
	$("#slide").mouseenter(function () {
		$("#navigateurHome").fadeIn("def");
	}).mouseleave(function () {
		$("#navigateurHome").fadeOut("def");
	});
	
	$("#home").click(function () {
		window.open('../accueil/home.html','_self');
	});
	
	$.post("analyseDesVignettes.php",{repertoire : "vignettes"}, function(data){
		$("#vignettes").css("width",data.ListeImages.valid + "px");
	},"json");
	
	//$("#navigateur").hide();
	$("#navigateurHome").hide();
	$("#affMasqNavVig").click(function () {
		if ($("#navigateur").is(":hidden")){
			$("#navigateur").slideDown(1000,function(){document.getElementById("affMasqNavVig").src = "images/boutons/masquer.png";})
		}
		else{
			$("#navigateur").slideUp(1000,function(){document.getElementById("affMasqNavVig").src = "images/boutons/afficher.png";})
		}
	});
	
	$.post("creationDesLegendes.php",null,function(data){
		for(j=0;j<data.ListeLegendes.length;j++)
			listeLegende[j]=data.ListeLegendes[j].name;
	},"json");
	
	$.post("analyseDesImages.php",{repertoire : "images"}, function(data){
		for(j=0;j<data.ListeImages.images.length;j++)
			listeImage[data.ListeImages.images[j].name]=[data.ListeImages.images[j].height,data.ListeImages.images[j].width,data.ListeImages.images[j].float,data.ListeImages.images[j].bottom];
		listeImage["longueurTableau"] = j;
		goToImagePrincipale(curImage);
	},"json");
	
	$("#play").click(function () {
		if (lecture){
			$("#slide").stopTime(0);
			$("#imgPlay").attr('src','images/boutons/play.jpg');
			lecture = false;
		}
		else{
			lecture = true;
			swapImagePrincipale();
			$("#imgPlay").attr('src','images/boutons/pause.jpg');
		}
	});
	
	$("#precedent").mouseenter(function () {
		moveLayer(1);
	}).mouseleave(function () {
		$("#cadreVignettes").stopTime(0);
	});
	
	$("#suivant").mouseenter(function () {
		moveLayer(-1);
	}).mouseleave(function () {
		$("#cadreVignettes").stopTime(0);
	});
	
	function moveLayer(Sens) {
		Objet=document.getElementById("vignettes");
		if(parseInt(Objet.style.left) + (Pas*Sens)>0)  {
			$("#cadreVignettes").stopTime(0);
		}
		else if(parseInt(Objet.style.left) + (Pas*Sens)<-(Objet.offsetWidth-document.getElementById("cadreVignettes").offsetWidth)) {
			$("#cadreVignettes").stopTime(0);
		}
	    else {
			Objet.style.left = (parseInt(Objet.style.left) + (Pas*Sens)) + "px";
		}
		
		$("#cadreVignettes").oneTime(30,function(i) {
			moveLayer(Sens);
		});
	};
});