//les gabarits et leur image qui ont été affiché lors du rafraichissement du diaporama
var gabarits = new Array();

//Cette variable doit contenir un tableau qui contient
//le gabarit concerné, son image et ses dimension
var image_display_next = null;
var image_display_now = null;

//Si true, le rechargement du diaporama est autorisé
var refresh_diaporama = true;

function setImageDisplay(is_display, img) {

	if (is_display) {

		if (gabarits[img] != null) {

			refresh_diaporama = false;	//le diaporama ne doit pas être rafraichit
			image_display_next = gabarits[img];

		}

	} else {

		image_display_next = null;
		refresh_diaporama = true;
		unloadImage();

	}

}

function loadImage() {


	if (image_display_next != null) {

		image_display_now = image_display_next;
		image_display_next = null;

		//mise en surbrillance du gabarit concerné
		//new Effect.Highlight("highlight_" + image_display[0], {duration: 0.5});

		//mise à jour de la div qui contient l'image du gabarit à afficher
		content_text = "<img src=\"images/diaporama/" + image_display_now[1] + "\" width=\"" + image_display_now[2] +
					"\" height=\"" + image_display_now[3] + "\" />";


		document.getElementById("container_img_diaporama").innerHTML = content_text;

		//affichage de l'image du gabarit
		Effect.Grow("container_img_diaporama", {duration: 0.5});

	}

	//rappel de la fonction au cas où l'utilisateur veut afficher une autre image
	setTimeout("loadImage()", 750);

}

function unloadImage() {

	document.getElementById("container_img_diaporama").style.display = "none";

}

function reloadDiaporama() {

	if (refresh_diaporama) {
		get_photo_from_diaporama();
	}

	//rechargement du diaporama toute les 5 seconde
	setTimeout("reloadDiaporama()", 10000);

}


function refreshDiaporama(content) {

	tab_new_gabarits = eval(content.responseText);

	//mise à jour des trois gabarits
	for (i=0; i<3; i++) {

		gab = "gabarit_" + i;

		if (tab_new_gabarits[i] != null) {

			document.getElementById(gab).innerHTML =
				"<img src=\"images/diaporama/gabarits/" + tab_new_gabarits[i][0] + "\" width=\"95\" height=\"100\" class=\"imgfade\" id=\"image" + i + "\" />";

			//maj du tableau js contenant les infos sur les images
			//gabarits[i] = new Array(1, tab_new_gabarits[i][1], tab_new_gabarits[i][2], tab_new_gabarits[i][3]);

			//maj des liens qui ouvre les images en lightbox
			id_of_link = "lien_image_lightbox_" + i;
			document.getElementById(id_of_link).href = "images/diaporama/" + tab_new_gabarits[i][1];

		}

	}

	FadeById('image');

}



function get_photo_from_diaporama() {

	objAjax = new XHRConnection();
	objAjax.appendData("fuckcache", Math.random());

	objAjax.sendAndLoad("include/script/get_photos_from_diaporama.php", "POST", refreshDiaporama);

}

/* Fadding sur les gabarits du diaporama */
var timer = 0;
var iFade = 0;
var iOpacity = 0;
var idFade = "";

function FadeById(id) {
	idFade = id;
	timer = setInterval("FadeIn()", 50);
}

function CancelFadeById() {
	if (timer == 0) return;
	clearInterval(timer);
	timer = 0;
	iFade = -1;
}

function FadeIn() {

	var elem = document.getElementById(idFade + iFade);

	if (iOpacity >= 1) {
	  	iFade++;
	 	elem = document.getElementById(idFade + iFade);
	  	if (! elem) {
	    	CancelFadeById();
	    	return;
	  	}
	  	iOpacity = 0;
	}

	iOpacity += 0.1;
	elem.style.opacity = iOpacity;
	elem.style.MozOpacity = iOpacity;
	elem.style.KhtmlOpacity = iOpacity;
	elem.style.filter = "alpha(opacity=" + iOpacity * 100 + ")";

}