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, liste_images, w, h, w_div, h_div, aff_marg) {
	
	//alert(lien);
	var el = document.getElementById(element);
	element_name = element;
	//var class_el = new Element;
	
	var array_image=liste_images.split(',');
	var array_w_image=w.split(',');
	var array_h_image=h.split(',');
	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];
		/*img.style.opacity = 0;
		img.style.visibility = "hidden";*/
		img.style.display = "none";
		img.style.width = array_w_image[i]+'px';
		img.style.height = array_h_image[i]+'px';
		if (aff_marg==1) {
			img.style.marginTop = mt+'px';
			img.style.marginLeft = ml+'px';
		}
		img.style.textDecoration="none";
		img.style.border="0px none";
		
		el.appendChild(img);
		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;
	}	
	//Lightbox.initialize;
	ds_cc_image(array_el_image, 0, 1);
};

function ds_cc_image(liste_image, image_en_cours, sens) {
	if (!image_en_cours>0) image_en_cours=0;
	var array_image=liste_image.split(',');
	
	if (sens==1) {
		try {
			var array_image_g=liste_images_g.split(',');	
			document.getElementById(lien).href=array_image_g[image_en_cours];
		}
		catch(ex) {}
		for (var i=0; i<array_image.length;i++) {
			document.getElementById(array_image[i]).style.display = "none";
		}
	}
	
	var img = document.getElementById(array_image[image_en_cours]);
	if (sens==1) {
		//img.style.visibility = 'hidden';
		//img.style.opacity = 0;
		img.style.display = 'block';		
	}
	
	//img.style.visibility = 'visible';
	var rd = (Math.random()*300)+1400;
	var dur=rd/1000;
	if (sens==1) {
		var dep=0;
		var arr=1;
		sens=0;
	}
	else {
		var dep=1;
		var arr=0;
		if (image_en_cours < array_image.length - 1) {
			image_en_cours++;
		} else {
			image_en_cours=0;
		}
		sens=1;
	}
	new Effect.Opacity(img, {duration:dur, fps:25, from:dep, to:arr});
	//if (sens==1) rd += 2500;
	setTimeout("ds_cc_image('"+liste_image+"', '"+image_en_cours+"', "+sens+")", rd);
	
}

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;
}