/*
 Preload image header 
nbdiapo			------------------ nombre de diapo à afficher
start					------------------ indice de la prmière image à afficher
name_diapo	------------------ format du nom des diapos
extension			------------------ extension des images
name_img		------------------ variable temporaire qui récupère les noms des images pour alimenter le tableau "images"
images 			------------------ tableau chargé de stocker les images du diapo avec le chemin entier
im					------------------ objet image JS pour préchargement
*/
var nbdiapo = 5;
var start = 1;
var name_diapo = 'Diapo';
var extension = '.jpg';
var name_img;
var images = new Array();
var im = new Image(); 
var xpos_deb = 957;

for(var i = 1; i <= nbdiapo; i++){
	name_img = (i < 10) ? name_diapo+'-0'+i+''+extension :  name_diapo+'-'+i+''+extension;
	images.push(url_site+'theme/Jablimmo/img/diapos/'+name_img);
	im.src = url_site+'theme/Jablimmo/img/diapos/'+name_img;
}
/*
Appel à la fonction qui lance le diapo avec la première image : images[start]
*/
if(diapo_header) {
	setTimeout('loadPicAuto("'+images[start]+'")',2500);
}
/*
Applique un fondu de sortie sur l'image affichée  puis appelle la fonction chargée d'effectuer un fondu d'entrée sur l'image suivante
*/
function loadPicAuto(id){
	var img_1 = $('#img_loaded');
	img_1.fadeOut("hide");
	setTimeout('loadOtherPicAuto("'+id+'")',400);
}

/*
Applique un fondu d'entrée sur l'image suivante
*/
function loadOtherPicAuto(id){
	var img_1 = $('#img_loaded');
	img_1.get(0).src = id;
	img_1.fadeIn("show");
	// Sous le diapo, à la position start, Griser le rond
	MAJjaugeDiapo(start, false);
	start = (start < (nbdiapo -1)) ? start + 1 : 0;
	// Sous le diapo, à la position start, Eclairer le rond
//alert(start);
	MAJjaugeDiapo(start, true);
	setTimeout('loadPicAuto("'+images[start]+'")',6000);
}

function initJaugeDiapo() {
	// Afficher nbdiapo rond Gris sous le diapo
	var posDeb = (957-((nbdiapo-1)*8));
	for (var i = 1; i <= nbdiapo; i++){
		var rondGris = document.getElementById("ronddiapo_n").cloneNode(true);
		rondGris.setAttribute("id", "ronddiapo_"+i);
		rondGris.setAttribute("style" , "position: absolute; top:5px; left:"+(posDeb+((i-1)*8))+"px");
		document.getElementById("over-links").appendChild(rondGris);
	}
	MAJjaugeDiapo(start, true);
}	

function MAJjaugeDiapo(position, activer) {
		position = (position > 0) ? (position-1) : (nbdiapo -1);
		var rond = document.getElementById("ronddiapo_"+(position+1));
		if (activer)
			rond.setAttribute("src", "theme/Jablimmo/img/diapo_active.png")
		else
			rond.setAttribute("src", "theme/Jablimmo/img/diapo_inactive.png")
}