//2009-08-13 (lionel) - repris sur calendrier-multi - photoweb-tarifs-v3.js
var objPort = document.getElementById("port");
var sIdImageOld = "calendrier-photo-recto-verso";
var nCptZone;


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

			if(sImg == 'anim-calendrier-photo-recto-verso')
			{
				//affichage de la presentation flash
				sCodeHTML = '<object type="application/x-shockwave-flash" data="image/presentation-calendrier-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/presentation-calendrier-photo.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/calendrier.swf" width="400" height="260" style="margin-left:2px;margin-top:5px;">';
				sCodeHTML += '<param name="allowScriptAccess" value="sameDomain" /><param name="allowFullScreen" value="false" />';
				sCodeHTML += '<param name="movie" value="image/calendrier.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("calendrier-photo-recto-verso").src = "image/picto-calendrier-photo-recto-verso-off.jpg";
		document.getElementById("details-calendrier-photo-recto-verso").src = "image/picto-details-calendrier-photo-recto-verso-off.jpg";
		document.getElementById("anim-calendrier-photo-recto-verso").src = "image/picto-anim-calendrier-photo-recto-verso-off.jpg";
		document.getElementById("D-calendrier-photo-recto-verso").src = "/images/tarifs/picto-3d-off.jpg";
		
		//l'elt en cours sur on
		if(sImg != 'D-calendrier-photo-recto-verso') 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-calendrier-photo-recto-verso')
		{
			document.getElementById("D-calendrier-photo-recto-verso").onmouseover = function(){document.getElementById("D-calendrier-photo-recto-verso").src="/images/tarifs/picto-3d-on.jpg";};
			document.getElementById("D-calendrier-photo-recto-verso").onmouseout = function(){document.getElementById("D-calendrier-photo-recto-verso").src="/images/tarifs/picto-3d-off.jpg";};
		}
		else if(sIdImageOld == 'calendrier-photo-recto-verso')
		{
			document.getElementById("calendrier-photo-recto-verso").onmouseout = function(){document.getElementById("calendrier-photo-recto-verso").src="image/picto-calendrier-photo-recto-verso-off.jpg";};
			document.getElementById("calendrier-photo-recto-verso").onmouseover = function(){document.getElementById("calendrier-photo-recto-verso").src="image/picto-calendrier-photo-recto-verso-on.jpg";};
		}
		else if(sIdImageOld == 'anim-calendrier-photo-recto-verso')
		{
			document.getElementById("anim-calendrier-photo-recto-verso").onmouseout = function(){document.getElementById("anim-calendrier-photo-recto-verso").src="image/picto-anim-calendrier-photo-recto-verso-off.jpg";};
			document.getElementById("anim-calendrier-photo-recto-verso").onmouseover = function(){document.getElementById("anim-calendrier-photo-recto-verso").src="image/picto-anim-calendrier-photo-recto-verso-on.jpg";};
		}
		else if(sIdImageOld == 'details-calendrier-photo-recto-verso')
		{
			document.getElementById("details-calendrier-photo-recto-verso").onmouseout = function(){document.getElementById("details-calendrier-photo-recto-verso").src="image/picto-details-calendrier-photo-recto-verso-off.jpg";};
			document.getElementById("details-calendrier-photo-recto-verso").onmouseover = function(){document.getElementById("details-calendrier-photo-recto-verso").src="image/picto-details-calendrier-photo-recto-verso-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 getFraisDePort(nPremierInitial,nPort)
{
	var nFormatSelected = document.getElementById("format").value;
	var sNomSelected = document.getElementById(""+nFormatSelected+"_lib").value;
	var nCodeTransporteur = document.getElementById("transporteur").value;
	var sNomTransporteur = document.getElementById(""+nCodeTransporteur).value;
	var nPoids = document.getElementById(""+nFormatSelected).value;
	var nPoidsInitial = document.getElementById(""+nFormatSelected+"_init").value;
	
	var sUrlIframe = "ifr-frais-de-port.asp?format="+nFormatSelected;
	sUrlIframe += "&" + nFormatSelected + "_lib="+sNomSelected;
	sUrlIframe += "&" + nCodeTransporteur + "="+sNomTransporteur;
	sUrlIframe += "&transporteur=" + nCodeTransporteur;
	sUrlIframe += "&" + nFormatSelected + "=" + nPoids;
	sUrlIframe += "&" + nFormatSelected + "_init_premier=" + nPremierInitial;
	sUrlIframe += "&" + nFormatSelected + "_init=" + nPoidsInitial;
	sUrlIframe += "&port=" + nPort;
	
	document.getElementById("id_tarifs_detail").src = "";
	document.getElementById("id_tarifs_detail").src = sUrlIframe;
}


function onChangeThemeVisu(nCodeTheme,nUni)
{
	var sNom = "";
	var sListe = ""; 
	var sLibelle = "";
	
	if(nUni == 1)
		sNom = "fond-";

	if(document.getElementById("td-liste-theme-" + nCodeThemeGlobalEnCours).style.backgroundImage == "url(/produit/creatif/calendrier-photo/image/interface/choix-fond-sel-2702.gif)")
		document.getElementById("td-liste-theme-" + nCodeThemeGlobalEnCours).style.backgroundImage = "url(/produit/creatif/calendrier-photo/image/interface/choix-fond-non-sel-2702.gif)";
	else
		document.getElementById("td-liste-theme-" + nCodeThemeGlobalEnCours).style.backgroundImage = "url(/produit/creatif/calendrier-photo/image/interface/choix-non-sel-2702.gif)";
		
	nCodeThemeGlobalEnCours = nCodeTheme;
	document.getElementById("td-liste-theme-" + nCodeThemeGlobalEnCours).style.backgroundImage = "url(/produit/creatif/calendrier-photo/image/interface/choix-" + sNom + "sel-2702.gif)";

	var nFond = -1;
	var nCpt = 0;
	
	for (var i=0; i<aListeTheme.length; i++)
	{
		if (aListeTheme[i] == nCodeTheme)
		{
			if(nFond == -1)
			{
				nFond = aListeFond[i];
				sLibelle = aListeLibelle[i];
			}
			sListe += "<img src= \"/produit/creatif/calendrier-photo/recto-verso/image/theme/" + nCodeTheme + "/fond/picto-" + aListeFond[i] + ".jpg\" style=\"border:1px solid #D4D5D6;\"/>";
			sListe += "<img src=\"/images/vide.gif\" width=\"4\" height=\"1\"/>";
			nCpt++;
		}
	}

	document.getElementById("fond-presentation").innerHTML = "<img src=\"/produit/creatif/calendrier-photo/recto-verso/image/theme/" + nCodeTheme + "/fond/presentation.jpg\" title=\"calendrier : th&egrave;me " + sLibelle + "\"/>";
	document.getElementById("liste-fond").innerHTML = sListe;
	//document.getElementById("liste-fond").style.width	= (nCpt*71 + nCpt*5 + 25) + "px";
	document.getElementById("liste-fond").style.width = "190px";
	//document.getElementById("fond-libelle").innerHTML = sLibelle;
}


function getTheme()
{
	document.getElementById("div-liste-fond").style.display = "block";
	document.getElementById("corps").style.height = "900px";
	onChangeThemeVisu(aListeTheme[0],0);
}


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

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


function hideApercu()
{
	document.getElementById("apercu").style.display = "none";
	document.getElementById("corps").style.height = "auto";
	//document.location = "#top-page";
}


function majSelectFormat()	
{
	var sOptions = "";
	
	for(var i=0; i<tabFormat.length-1; i++)
	{
		sOptions += "<option value=\"" + tabCodeFormat[i] + "\"";

		if(tabCodeFormat[i] == nCodeProduit)
			sOptions += "selected=\"selected\"";

		sOptions += ">" + tabFormat[i] + "</option>";
	}
	
	document.getElementById("id_td_format").innerHTML = "<select style=\"width:180px\" onchange=\"onChangeFormat(this)\" name=\"format\" id=\"id_format\">" + sOptions + "</select>";
}

/////////////////////////////////////////////////////////////////////////////////
function onChangeStyle(obj)
{
	nCodeCreation = parseInt(obj.value);
	majVignette();
}

/////////////////////////////////////////////////////////////////////////////////
function majVignette()
{
	document.getElementById("apercu_calendrier").innerHTML = "<img src=\"../image/presentation/calendrier_" + String(nCodeCreation) + ".jpg\" border=\"0\"/>";
}

/////////////////////////////////////////////////////////////////////////////////
function onChangeFormat(obj)
{
	var objStyle = document.getElementById("id_style");
	var nSelectedIndex = objStyle.selectedIndex;
	nCodeProduit = parseInt(obj.value);
		
	//dans le cas ou le select devient plus petit
	if(nSelectedIndex >= tabCreation[obj.selectedIndex].length)
		nSelectedIndex = tabCreation[obj.selectedIndex].length-1;
	
	nCodeCreation = tabCreation[obj.selectedIndex][nSelectedIndex];
	majSelectStyle();
	majVignette();
}

/////////////////////////////////////////////////////////////////////////////////
function majSelectStyle()
{
	var sOptions = "";
	var nIndexFormat = getIndexFormat(nCodeProduit);
	
	for(var i=0; i<tabStyleCalendrier[nIndexFormat].length; i++)
	{
		sOptions += "<option value=\"" + tabCreation[nIndexFormat][i] + "\"";

		if(tabCreation[nIndexFormat][i] == nCodeCreation)
			sOptions += "selected=\"selected\"";

		sOptions += ">" + tabStyleCalendrier[nIndexFormat][i] + "</option>";
	}
	
	document.getElementById("id_td_style").innerHTML = "<select style=\"width:180px\" onchange=\"onChangeStyle(this)\" name=\"style\" id=\"id_style\">" + sOptions + "</select>";
}

////////////////////////////////////////////////////////////////////////////
function getIndexFormat(nCodeFormat)
{
	for(var i=0; i<tabCodeFormat.length-1; i++)
	{
		if(tabCodeFormat[i] == nCodeFormat)
			return i;
	}
	return -1;
}


function onValide()
{
	var aCodeTransporteur = document.getElementById("transporteur").value.split("_");
	var nCodeTransporteur = aCodeTransporteur[0];
	var sLibelleTransporteur = aCodeTransporteur[1];
	var nCodeProduit = document.getElementById('id_produit_calendrier_photo').value;
	var sLibelleFormat = document.getElementById('libelle_calendrier_photo').value;
	
	var sUrl = "/produit/frais-de-port/ajax-frais-de-port.asp";	
	var sData = "produit=" + nCodeProduit + "&port=4&transp=" + nCodeTransporteur;
		sData += "&lib_transp=" + sLibelleTransporteur + "&lib_format=" + sLibelleFormat + "&num=" + Math.random();
		
	document.getElementById("id_tarifs_detail").style.display = "block";	
	SendData(sUrl, sData, "afficheLibelleZone", null, "GET");
}


function afficheLibelleZone(sValueFromServer)
{
	document.getElementById("id_tarifs_detail").innerHTML = sValueFromServer; 
	var sVerifZone = document.getElementById("lib-zone").innerHTML;
	var sTabVerifZone = sVerifZone.split("|")
	nCptZone = sTabVerifZone.length;
	getDivPort(1)
}


function getDivPort(nCodeZone)
{
	for(var 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";
		}
	}
}