var sIdImageOld = "livre-photo-elegance";

var nCptZone = 0;

function showImage(sImg, sTitle, sLongDesc){
	
	if (sIdImageOld != sImg){
		var sCodeHTML;
		
		if(sImg != 'anim-livre-photo-elegance' && sImg != 'D-livre-photo-elegance' ){
			sCodeHTML = '<img src="image/'+sImg+'.jpg" alt="'+sTitle+'" title="'+sTitle+'"/>';
			document.getElementById("presentation_livre_photo_elegance_img").style.backgroundImage = '';
		}	
		else{
			document.getElementById("presentation_livre_photo_elegance_img").style.backgroundImage = 'url(image/bg-animation.gif)';

			if(sImg == 'anim-livre-photo-elegance'){
				//affichage de la presentation flash
				sCodeHTML = '<object type="application/x-shockwave-flash" data="image/pres_livre_mix.swf" width="400" height="260" style="margin-top:5px;margin-left:3px;">';
				sCodeHTML += '<param name="allowScriptAccess" value="sameDomain" /><param name="allowFullScreen" value="false" />';
				sCodeHTML += '<param name="movie" value="image/pres_livre_mix.swf" />';
				sCodeHTML += '<param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><param name="wmode" value="transparent" /></object>';
			}
			else{
				//affichage du fla 3D.
				sCodeHTML = '<object type="application/x-shockwave-flash" data="image/livre-photo.swf" width="400" height="260" style="margin-top:5px;margin-left:3px;">';
				sCodeHTML += '<param name="allowScriptAccess" value="sameDomain" /><param name="allowFullScreen" value="false" />';
				sCodeHTML += '<param name="movie" value="image/livre-photo.swf" />';
				sCodeHTML += '<param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><param name="wmode" value="transparent" /></object>';			
			}
		}
		
		document.getElementById("visuel").innerHTML = "";
		document.getElementById("visuel").innerHTML = sCodeHTML;
		
		//passons tous les pictos sur off
		document.getElementById("livre-photo-elegance").src = "image/picto-livre-photo-elegance-off.jpg";
		document.getElementById("details-livre-photo-elegance").src = "image/picto-details-livre-photo-elegance-off.jpg";
		document.getElementById("anim-livre-photo-elegance").src = "image/picto-anim-livre-photo-elegance-off.jpg";
		document.getElementById("D-livre-photo-elegance").src = "/images/tarifs/picto-3d-off.jpg";
		
		//l'elt en cours sur on
		if(sImg != 'D-livre-photo-elegance' )
			document.getElementById(sImg).src = "image/picto-" + sImg + "-on.jpg";
		else
			document.getElementById(sImg).src = "/images/tarifs/picto-3d-on.jpg";
		
		//supprimons le rollover de l'elt demandé
		document.getElementById(sImg).onmouseover = "";
		document.getElementById(sImg).onmouseout = "";	

		
		//mettons en place le rollover sur l'elt desactivé /declaration en dur bug javascript ??
		if(sIdImageOld == 'D-livre-photo-elegance'){
			document.getElementById("D-livre-photo-elegance").onmouseover = function(){document.getElementById("D-livre-photo-elegance").src="/images/tarifs/picto-3d-on.jpg";};
			document.getElementById("D-livre-photo-elegance").onmouseout = function(){document.getElementById("D-livre-photo-elegance").src="/images/tarifs/picto-3d-off.jpg";};
		}
		else if(sIdImageOld == 'livre-photo-elegance'){
			document.getElementById("livre-photo-elegance").onmouseout = function(){document.getElementById("livre-photo-elegance").src="image/picto-livre-photo-elegance-off.jpg";};
			document.getElementById("livre-photo-elegance").onmouseover = function(){document.getElementById("livre-photo-elegance").src="image/picto-livre-photo-elegance-on.jpg";};
		}
		else if(sIdImageOld == 'anim-livre-photo-elegance'){
			document.getElementById("anim-livre-photo-elegance").onmouseout = function(){document.getElementById("anim-livre-photo-elegance").src="image/picto-anim-livre-photo-elegance-off.jpg";};
			document.getElementById("anim-livre-photo-elegance").onmouseover = function(){document.getElementById("anim-livre-photo-elegance").src="image/picto-anim-livre-photo-elegance-on.jpg";};
		}
		else if(sIdImageOld == 'details-livre-photo-elegance'){
			document.getElementById("details-livre-photo-elegance").onmouseout = function(){document.getElementById("details-livre-photo-elegance").src="image/picto-details-livre-photo-elegance-off.jpg";};
			document.getElementById("details-livre-photo-elegance").onmouseover = function(){document.getElementById("details-livre-photo-elegance").src="image/picto-details-livre-photo-elegance-on.jpg";};
		}
		
		sIdImageOld = sImg;
	}
}

function getPort(){
	//affichons le port en augmentant la taille du corps de la page.
	document.getElementById("port").style.display = "block";
	document.getElementById("corps").style.height = "970px";
}

function doHidePort(){
	//fermons le port et reduisont la taille du corps de la page
	document.getElementById("port").style.display = "none";	
	document.getElementById("corps").style.height = "auto";
}

function getDiv(sDiv){
	
	if (sDiv == "modele")
		OnGoImage(1,'');
	
	document.getElementById(sDiv).style.display = "block";
	
	if(sDiv == "theme")
		document.getElementById("corps").style.height= "1350px";
}

function getCouverture(nCodeCouverture, sLibelleCouverture){
	document.getElementById("port").style.display = "none";
	OnGoImage(nCodeCouverture,sLibelleCouverture);
	document.getElementById('modele').style.display = "block";
}

function doHideMe(sDiv){
	document.getElementById(sDiv).style.display = "none";
	document.getElementById("corps").style.height = "auto";
}

function onValide()
{
	var aCodeTransporteur = document.getElementById("transporteur").value.split("_");
	var nCodeTransporteur = aCodeTransporteur[0];
	var sLibelleTransporteur = aCodeTransporteur[1];
	var nCodeProduit = 2300;
	var sLibelleFormat = "Livre photo Elegance";
	var sUrl;
	
	//sUrl = "/produit/creatif/livre-photo-elegance/ajax-frais-de-port.asp?produit=" + nCodeProduit + "&port=4&transp=" + nCodeTransporteur + "&lib_transp=" + sLibelleTransporteur + "&lib_format=" + sLibelleFormat + "&num=" + Math.random();
	sUrl = "/produit/frais-de-port/ajax-livre-photo-frais-de-port.asp?produit=" + nCodeProduit + "&port=4&transp=" + nCodeTransporteur + "&lib_transp=" + sLibelleTransporteur + "&lib_format=" + sLibelleFormat + "&nb_page_max=" + nNbPageMax + "&nb_page_min=" + nNbPageMin + "&num=" + Math.random();
	
	document.getElementById("id_tarifs_detail").style.display = "block";
	
	var xhr_object = null; 
	var sRetour;
	var sVerifZone;
	var i;
	 
	if(window.XMLHttpRequest)
		xhr_object = new XMLHttpRequest(); 
	else if(window.ActiveXObject)
		xhr_object = new ActiveXObject("Microsoft.XMLHTTP"); 
	else{
		alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
		return; 
	} 
	 
	xhr_object.open("GET", sUrl, true); 
	 
	xhr_object.onreadystatechange = function() { 
	   if(xhr_object.readyState == 4){ 
	   		sRetour = unescape(escape(xhr_object.responseText));
			sRetour = sRetour.replace(/&lt;/g,'<');
			sRetour = sRetour.replace(/&gt;/g,'>');
			sRetour = sRetour.replace(/&quot;/g,'"');
			sRetour = sRetour.replace(/&amp;agrave;/g,'&agrave;');
			sRetour = sRetour.replace(/&amp;euro;/g,'&euro;');
			sRetour = sRetour.replace(/&amp;eacute;/g,'&eacute;');
			sRetour = sRetour.replace(/&amp;ucirc;/g,'&ucirc;');
			
			
			document.getElementById("id_tarifs_detail").innerHTML = sRetour; 
			
			//comptons les zones afin que l'afficahge des calques de zone ne bug pas
			sVerifZone = document.getElementById("lib-zone").innerHTML;
			var sTabVerifZone = sVerifZone.split("|")
			nCptZone = sTabVerifZone.length;
			getDivPort(1)
		}
	}	
	xhr_object.send(null);
}

function getDivPort(nCodeZone){
	var i;
	for (i = 1; i <= nCptZone; i++)
		if (i != nCodeZone){
			document.getElementById("tab-" + i).style.display = "none";
			document.getElementById("font-" + i).color = "";
		}
		else{
			document.getElementById("tab-" + nCodeZone).style.display = "block";
			document.getElementById("font-" + i).color = "#A2978E";
		}
}

function onChangeThemeVisu(nCodeTheme,nUni){
	var sNom = "", sListe = "", sLibelle = "";
	if (nUni == 1)
		sNom = "fond-";
	
	if (document.getElementById("td-liste-theme-" + nCodeThemeGlobalEnCours).className == "theme_uni_sel")
		document.getElementById("td-liste-theme-" + nCodeThemeGlobalEnCours).className = "theme_uni_non_sel";
	else
		document.getElementById("td-liste-theme-" + nCodeThemeGlobalEnCours).className = "theme_non_sel";


	nCodeThemeGlobalEnCours = nCodeTheme;
	
	if(nUni == 0)
		document.getElementById("td-liste-theme-" + nCodeThemeGlobalEnCours).className = "theme_sel";
	else
		document.getElementById("td-liste-theme-" + nCodeThemeGlobalEnCours).className = "theme_uni_sel";
		
	var i, nFond = -1, nCpt = 0;
	for (i = 0; i < aListeTheme.length; i++)
	{
		if (aListeTheme[i] == nCodeTheme)
		{
			if (nFond == -1)
			{
				nFond = aListeFond[i];
				sLibelle = aListeLibelle[i];
			}
			sListe += "<img src= \"../livre-photo-elegance/image/theme/" + nCodeTheme + "/fond/picto-" + aListeFond[i] + ".jpg\" style=\"border:1px solid #D4D5D6;\"/>";
			sListe += "<img src=\"/images/vide.gif\" width=\"5\" height=\"1\"/>";
			nCpt++;
		}
	}
	document.getElementById("fond-presentation").innerHTML = "<img src=\"../livre-photo-elegance/image/theme/" + nCodeTheme + "/fond/presentation.jpg\" alt=\"livre photo elegance : th&egrave;me " + sLibelle + "\"/>";
	document.getElementById("liste-fond").innerHTML = sListe;
	document.getElementById("liste-fond").style.width = (nCpt*71 + nCpt*5 + 25) + "px";
	document.getElementById("fond-libelle").innerHTML = sLibelle;
}

function getTheme(){
	document.getElementById("div-liste-fond").style.display = "block";
	document.getElementById("corps").style.height = "900px";
}

onChangeThemeVisu(1,0);