function openImgs(slug){
	hideHomeImg();
	if (contactOpened)
	{
		closeContact();
	}
	if (presOpened)
	{
		closePres();
	}
	//descendre  les images 
	$("#slidingBox").animate({
			top:"720px"
	}, 400, function () {$("#slidingBox").css({top:"-900px", left:"0px"}); listImages (slug);})
}

function hideHomeImg () {
	if (homeImgOpened)
	{
		homeImgOpened = false;
		//$("#homeImg").animate({
		//	top:"1500px"
	//	}, 600);
		$("#homeImg").fadeOut(500);
		$("#coin").fadeOut(500);
	}
}

function openContact () {
	hideHomeImg();
	$("#slidingBox").animate({
		top:"720px"
	}, 400);
	openImgs('contact');
	
	var targetCoord = $("#infosZone").height() - $("#contactText").height() - 15; 
	if (!contactOpened){$("#contactText").animate({
			top:targetCoord
	}, function () {contactOpened = true;});
	}
	if (presOpened){
		closePres();
	}
}
function openPres() {
	hideHomeImg();
	
	$("#slidingBox").animate({
		top:"720px"
	}, 400);
	openImgs('presentation');
	
	var targetCoord = $("#infosZone").height() - $("#presText").height() - 15; 
	if(!presOpened)
	{$("#presText").animate({
			top:targetCoord
	}, function () {presOpened = true;});}
	if (contactOpened)
	{
		closeContact();
	}
}
function closePres() {
	var targetCoord = $("#infosZone").height() + 20;
	if (presOpened){$("#presText").animate({
			top:targetCoord
	}, function () {presOpened = false;});}
}
function closeContact() {
	var targetCoord = $("#infosZone").height() + 20;
	if (contactOpened){
	$("#contactText").animate({
			top:targetCoord
	}, function () {contactOpened = false;});
	}
}

function buildGallery (html, slug)
{
	galleryPos = 0;
	slugSelected = slug;
	$(numSelected).removeClass("numSelected");
	
	$("#slidingBox").html(html);
	var img1 = $("#img1").attr("src");
	preload (img1);
	//on affiche les liens pour la navigation, en-dessous de la description
	var navElement = slug+"_nav";
	var navString = "";
	
	//nbImg defined in fouille_dossier.php
	for (var i=1; i<=nbImg; i++)
	{
		if (i==1){
		 	var classPlus = " numSelected";
			numSelected = "#"+slug+"_container_1";
		}
		else {
			var classPlus = "";
		}
		navString += "<div  class='navNum"+classPlus+"' id='"+slug+"_container_"+i+"'><a href='#' id='"+slug+"_num"+i+"' onclick='return false' >"+i+"</a></div>";		
	}
	
	
		navString += "<div class='navNum' id='"+slug+"_moins_container'><a href='#' onclick='return false' id='"+slug+"_moins'><</a></div><div class='navNum' id='"+slug+"_plus_container'><a href='#' onclick='return false' id='"+slug+"_plus'>></a></div>";

	
		navString += "<div class='spacer'></div>";
	
		$("#"+navElement).html(navString);
	
		$("#"+slug+"_moins_container").hover (	function () {$(this).addClass('listSelected')}, function () {$(this).removeClass('listSelected')})
		$("#"+slug+"_plus_container").hover (	function () {$(this).addClass('listSelected')}, function () {$(this).removeClass('listSelected')})
	
		$("#"+slug+"_plus_container").click (	function () {goToNext();})
		$("#"+slug+"_moins_container").click (	function () {goToPrev();})

		$("#plus").hover (	function () 	{$("#"+slug+"_plus_container").addClass("listSelected")}, function () {$("#"+slug+"_plus_container").removeClass("listSelected")})
		$("#moins").hover (	function () 	{$("#"+slug+"_moins_container").addClass("listSelected")}, function () {$("#"+slug+"_moins_container").removeClass("listSelected")})

	
			for (var i=1; i<=nbImg; i++){
			$("document").ready(function () {
				$("#"+slug+"_container_"+i).hover (function () {$(this).addClass('listSelected')}, function () {$(this).removeClass('listSelected')})
				$("#"+slug+"_container_"+i).click(function () {goTo(Number($(this).find('a').html()));});
				})
			}
		// when gallery is build, call ifixpng (deals with transparency problem with ie 6)
		$("document").ready (function () {$('img[@src$=.png]').ifixpng();})
}

function goToPrev () {
	var prevNum = galleryPos - 1;
	if (prevNum < 0)
	{
		prevNum = nbImg-1;
	}
	goTo (prevNum + 1);
}

function goToNext () {
	var nextNum = galleryPos + 1;
	if (nextNum > nbImg-1)
	{
		nextNum = 0;
	}
	goTo (nextNum + 1);
}

//makes gallery slide laterally to specified targetNum
function goTo (targetNum)
{
	//unSelect current numSelected
	$(numSelected).removeClass("numSelected");
	//select next numSelected
	numSelected = "#"+slugSelected+"_container_"+targetNum;
	$(numSelected).addClass("numSelected");
			
	var deltaNums = galleryPos-(targetNum-1);
	var deltaNumsAbs = Math.abs(deltaNums);
	var transitionDuration = 150 + deltaNumsAbs * 150;
	galleryPos = targetNum-1;
	
	var newLeftVal = galleryPos * -500;
	
	$("#slidingBox").animate({
			left:newLeftVal
	}, transitionDuration);
}

function listImages (slug) {
	//on demande la liste du dossier grâce à une requête Ajax
	html_resultat = "";
	$.ajax({ 
					type: "POST", 
					url: "fouille_dossier.php", 
					data: "dossier="+slug, 
					dataType: "html", 
			
					success: function(html){
						html_resultat = html;
						buildGallery (html_resultat, slug);	
					}
	});	
}


function preload (lien_img) {
	$("#imgPreloader > img").attr("src", lien_img);
	$("#imgPreloader > img").bind("load", firstImgLoaded);	
}

function firstImgLoaded () {
	$("#imgPreloader > img").unbind("load", firstImgLoaded);
	showImages ();
}

function showImages() {
	$("#slidingBox").animate({
		top:"15px"
	}, 350);
}

function getLeft (element) {
	var leftString = element.css("left");
 	leftString = leftString.replace ("px", "");
	var leftNum = Number (leftString.replace("pt", ""));
	return leftNum;
}

function getTop (element) {
	var topString = element.css("top");
	topString = topString.replace ("px", "");
	var topNum = Number (topString.replace ("pt", ""));
	return topNum;
}