var timeoutID_popup;

function affiche_img_popup(src_, id, w, h, w_src)
{
	clearTimeout(timeoutID_popup);
	timeoutID_popup = setTimeout("affiche_div_photo('"+src_+"', '"+id+"', '"+w+"', '"+h+"', '"+w_src+"')",10);
}

function clear_time_out() {
	clearTimeout(timeoutID_popup);
}
function set_time_out_close_popup() {
	clearTimeout(timeoutID_popup);
	document.getElementById("dv_m").style.display ="none";
}
function pop_close()
{
	timeoutID_popup = setTimeout("set_time_out_close_popup()",200);	
}


function affiche_div_photo(src_, id, w, h, w_src) {

    clearTimeout(timeoutID_popup);
			 
    el = document.getElementById("tableau_image_"+id);
    var pos = donne_position(el);
    var posX = pos["x"];
    var posY = pos["y"];

    var the_left = posX ;//s+parseInt(w_src)+10;
    var the_top = posY ;//- document.getElementById("dv_m").offsetHeight/2 + el.offsetHeight/2;

    var nav = detecte_nav();
    if (nav == "IE6") {
        pos = donne_position(document.getElementById("page"));
        var parent_left = pos["x"];//-200;
        var parent_top = pos["y"];
        the_left = the_left + 13;//- parent_left; //- document.getElementById("main").offsetWidth/16
        the_top = the_top ;//- parent_top;
    }

    document.getElementById("dv_m").style.left=the_left+"px";
    document.getElementById("dv_m").style.top=the_top+"px";

	document.getElementById("dv_m").style.display ="block";
	document.getElementById("dv_m").innerHTML = "<img src='"+src_+"' style='width:"+w+"px;height:"+h+"px;cursor:pointer;float:left;margin:3px;'/>";
}

// ************************ Photos les unes apres les autres ******************************* //

function affiche_image(element, aff_marg) {
	var el = document.getElementById(element);
	element_name = element;
	
	var array_image=document.getElementById("image_"+element).value.split(',');
	var array_w_image=document.getElementById("w_image_"+element).value.split(',');
	var array_h_image=document.getElementById("h_image_"+element).value.split(',');
	var array_libelle_image=document.getElementById("libelle_image_"+element).value.split(';;');
	var w_div = document.getElementById("max_w_image_"+element).value;
	var h_div = document.getElementById("max_h_image_"+element).value;
	
	var array_el_image="";
	
	for (var i=0; i<array_image.length;i++) {
		var mt = (h_div - array_h_image[i])/2;
		var ml = (w_div - array_w_image[i])/2;
		
		var img = new Image();
		img.id="img_"+element_name+"_"+i;
		img.src=array_image[i];
		if (i>0) img.style.display = "none";
		if (isdefined(array_libelle_image[i])) {
			img.alt=array_libelle_image[i];
			img.title=array_libelle_image[i];
		}
		img.style.width = array_w_image[i]+'px';
		img.style.height = array_h_image[i]+'px';
		
		img.style.textDecoration="none";
		img.style.border="0px none";
		
		/*var divTag = document.createElement("div");
		divTag.style.width = array_w_image[i]+'px';
		divTag.style.height = array_h_image[i]+'px';
		divTag.appendChild(img);*/
		
		el.appendChild(img);
		img.style.position="absolute";
		if (aff_marg==1) {
			img.style.marginTop = mt+'px';
			img.style.marginLeft = ml+'px';
		}
		if (i==0) {
			new Effect.Opacity(img, {duration:0.1, fps:25, from:0, to:1});
			el.style.width=array_w_image[i]+'px';
			el.style.height=array_h_image[i]+'px';
		}
		else new Effect.Opacity(img, {duration:0.1, fps:25, from:1, to:0});

		if (i>0) array_el_image+=",";
		array_el_image+="img_"+element_name+"_"+i;
	}
	document.getElementById("liste_image_"+element).value=array_el_image;
	
	var array_libelle_image=document.getElementById("libelle_image_"+element).value.split(';;');
	try {
		if (array_libelle_image[0]=="") array_libelle_image[0]="&nbsp;";
		document.getElementById("libelle_aff_"+element).innerHTML=array_libelle_image[0];
		document.getElementById("libelle_aff2_"+element).innerHTML=array_libelle_image[0];
	}
	catch(ex) {}
	
	if (document.getElementById("diaporama_"+element).value=="1") {
		var duration_stop = parseInt(document.getElementById("duration_stop_image_"+element).value);
		setTimeout("ds_cc_image('"+element+"', 1)", duration_stop);
	}
};

var click_vignette_en_cours="";
function click_vignette(element, image_svte) {
	var array_image=document.getElementById("liste_image_"+element).value.split(',');
	var image_en_cours = parseInt(document.getElementById("num_image_"+element).value);
	if (document.getElementById("diaporama_"+element).value=="1") click_vignette_en_cours=element;
	var img = document.getElementById(array_image[image_en_cours]);
	var img2 = document.getElementById(array_image[image_svte]);
	
	/*if (image_svte < array_image.length - 1) {
		var image_resvte=parseInt(image_svte)+1;
	} else {
		var image_resvte=0;
	}
	alert(image_resvte);*/
	document.getElementById("num_image_"+element).value=parseInt(image_svte);
	img.style.zIndex=0;
	img2.style.zIndex=100;
	//alert(image_en_cours);
	img.style.display="none";
	img2.style.display="";
	new Effect.Opacity(img, {duration:0.3, fps:25, from:0, to:0});
	new Effect.Opacity(img2, {duration:0.3, fps:25, from:1, to:1});
	new Effect.Morph(element, {style:"width:"+img2.offsetWidth+"px;height:"+img2.offsetHeight+"px;", duration:0.1});
	var array_libelle_image=document.getElementById("libelle_image_"+element).value.split(';;');
	try {
		if (array_libelle_image[image_svte]=="") array_libelle_image[image_svte]="&nbsp;";
		document.getElementById("libelle_aff_"+element).innerHTML=array_libelle_image[image_svte];
		document.getElementById("libelle_aff2_"+element).innerHTML=array_libelle_image[image_svte];
	}
	catch(ex) {}
}

function ds_cc_image(element, sens) {
	var stop_diapo=0;
	var el = document.getElementById(element);
	if (click_vignette_en_cours!=element) {
		var duration = parseInt(document.getElementById("duration_image_"+element).value);
		var image_en_cours = parseInt(document.getElementById("num_image_"+element).value);
		//alert(image_en_cours);
		if (!image_en_cours>0) image_en_cours=0;
		var array_image=document.getElementById("liste_image_"+element).value.split(',');
		if (sens==0) {
			if (image_en_cours > 0) {
				var image_svte=image_en_cours-1;
			} else {
				var image_svte=array_image.length-1;
			}
		}
		else {
			if (image_en_cours < array_image.length - 1) {
				var image_svte=image_en_cours+1;
			} else {
				var image_svte=0;
			}
		}
		var img = document.getElementById(array_image[image_en_cours]);
		var img2 = document.getElementById(array_image[image_svte]);
		
		document.getElementById("num_image_"+element).value=image_svte;
		var array_libelle_image=document.getElementById("libelle_image_"+element).value.split(';;');
		try {
			if (array_libelle_image[image_svte]=="") array_libelle_image[image_svte]="&nbsp;";
			document.getElementById("libelle_aff_"+element).innerHTML=array_libelle_image[image_svte];
			document.getElementById("libelle_aff2_"+element).innerHTML=array_libelle_image[image_svte];
		}
		catch(ex) {}
		
		
		var rd = (Math.random()*300)+duration;
		base_rd=rd;
		var dur=rd/1000;
		/*if (sens==1) {
			var dep=0;
			var arr=1;
			sens=0;
		}*/
		
		mini_dur=dur/2;
		dur_disp=mini_dur/2;
		img.style.zIndex=0;
		img2.style.zIndex=100;
		img2.style.display="";
		document.getElementById("num_image_"+element).value=image_svte;
		new Effect.Opacity(img, {duration:dur_disp, fps:25, from:1, to:0});
		new Effect.Morph(element, {style:"width:"+img2.offsetWidth+"px;height:"+img2.offsetHeight+"px;", duration:dur_disp});
		//el.style.width=img2.offsetWidth+"px";
		//el.style.height=img2.offsetHeight+"px";
		new Effect.Opacity(img2, {duration:dur, fps:25, from:0, to:1});
		
		if (click_vignette_en_cours==element) {
			stop_diapo=1;
		}
	}
	else stop_diapo=1;
	if (stop_diapo==1) {
		/*var duration_stop = parseInt(document.getElementById("duration_stop_image_"+element).value);
		base_rd=duration_stop;*/
		click_vignette_en_cours="";
		//image_en_cours = document.getElementById("num_svt_image_"+element).value;
		//sens=1;
	}
	if (document.getElementById("diaporama_"+element).value=="1") {
		var duration_stop = parseInt(document.getElementById("duration_stop_image_"+element).value);
		base_rd=duration_stop;
		//document.getElementById("num_image_"+element).value=image_svte;
		setTimeout("ds_cc_image('"+element+"', "+sens+")", base_rd);
	}
	else img.style.display="none";
}

function change_detail_produit_image(el, index) {
	
	var array_image_g=liste_images_g.split(',');
	
	var w = document.getElementById("input_w_img_detail_produit_"+index).value;
	var h = document.getElementById("input_h_img_detail_produit_"+index).value;
	var w_t = document.getElementById("input_w_t_img_detail_produit_"+index).value;
	var h_t = document.getElementById("input_h_t_img_detail_produit_"+index).value;
	
	document.getElementById(el).src = document.getElementById("input_img_detail_produit_"+index).value;
	document.getElementById(el).style.width=w+"px";
	document.getElementById(el).style.height=h+"px";
	
	var m_l = (w_t-w)/2;
	document.getElementById(el).style.marginLeft=m_l+"px";
	var m_t = (h_t-h)/2;
	document.getElementById(el).style.marginTop=m_t;
	document.getElementById("lien_zoom_pdt").href=document.getElementById("input_img_big_detail_produit_"+index).value;
}