var sIdImageOld = "posters";

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

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 getFormat(){
	document.getElementById("format").style.display = "block";
	document.getElementById("port").style.display = "none";
}

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

function showImage(sImg, sTitle, sLongDesc){
	
	if (sIdImageOld != sImg){
		var sCodeHTML;
		
		if(sImg != 'D-posters' ){
			sCodeHTML = '<img src="image/'+sImg+'.jpg" alt="'+sTitle+'" title="'+sTitle+'"/>';
			document.getElementById("presentation_poster_img").style.backgroundImage = '';
		}	
		else{
			document.getElementById("presentation_poster_img").style.backgroundImage = 'url(image/bg-animation.gif)';
			
			//affichage du fla 3D.
			sCodeHTML = '<object type="application/x-shockwave-flash" data="image/posters.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/posters.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("posters").src = "image/picto-posters-off.jpg";
		document.getElementById("details-posters").src = "image/picto-details-posters-off.jpg";
		document.getElementById("D-posters").src = "/images/tarifs/picto-3d-off.jpg";
		
		//l'elt en cours sur on
		if(sImg != 'D-posters' )
			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-posters'){
			document.getElementById("D-posters").onmouseover = function(){document.getElementById("D-posters").src="/images/tarifs/picto-3d-on.jpg";};
			document.getElementById("D-posters").onmouseout = function(){document.getElementById("D-posters").src="/images/tarifs/picto-3d-off.jpg";};
		}
		else if(sIdImageOld == 'posters'){
			document.getElementById("posters").onmouseout = function(){document.getElementById("posters").src="image/picto-posters-off.jpg";};
			document.getElementById("posters").onmouseover = function(){document.getElementById("posters").src="image/picto-posters-on.jpg";};
		}
		else if(sIdImageOld == 'details-posters'){
			document.getElementById("details-posters").onmouseout = function(){document.getElementById("details-posters").src="image/picto-details-posters-off.jpg";};
			document.getElementById("details-posters").onmouseover = function(){document.getElementById("details-posters").src="image/picto-details-posters-on.jpg";};
		}
		
		sIdImageOld = sImg;
	}
}

function onChangeFormat(nOrdre){
	var aFormatChoisi = document.getElementById("produit_" + nOrdre).value.split("_");
	
	if (aFormatChoisi == 0 && document.getElementById("produit_" + nOrdre).selectedIndex!= 0){
		document.getElementById("produit_" + nOrdre).selectedIndex = document.getElementById("produit_" + nOrdre).selectedIndex +1;
		aFormatChoisi = document.getElementById("produit_" + nOrdre).value.split("_");
	}
	
	nCodeProduitPoster = aFormatChoisi[0];
	nCodePort = aFormatChoisi[1];
	var i;
	
	for (i = 0; i < tabOrdre.length ; i++)
		if (parseInt(tabOrdre[i]) != parseInt(nOrdre))
			document.getElementById("produit_" + tabOrdre[i]).value = 0;
			
	onChargeChoixTransporteur();
}

function onChargeChoixTransporteur(){
	var sCode = "<select name=\"transporteur\" id=\"transporteur\" style=\"width:130px;\">";
	for (i = 0; i < tabCodePort.length ; i++)
		if (parseInt(tabCodePort[i]) == parseInt(nCodePort))
			if (nCodeTransporteur == parseInt(tabCodeTransporteur[i]))
				sCode += "<option value=\"" + tabCodeTransporteur[i] + "\" selected=\"selected\">" + tabNomTransporteur[i] + "</option>";
			else
				sCode += "<option value=\"" + tabCodeTransporteur[i] + "\">" + tabNomTransporteur[i] + "</option>";
	
	sCode += "</select>";
	document.getElementById("choix_transporteur").innerHTML = sCode;
}

function onValide(){
	if (nCodeProduitPoster != 0){
		nCodeTransporteur = document.getElementById("transporteur").value;
		var i;
		var sUrl;
		
		for (i = 0; i < tabCodeTransporteur.length ; i++)
			if (parseInt(tabCodeTransporteur[i]) == parseInt(nCodeTransporteur) && parseInt(tabCodePort[i]) == parseInt(nCodePort))
				sLibelleTransporteur = tabNomTransporteur[i];
				
		//sUrl = "ifr-frais-de-port.asp?produit=" + nCodeProduitPoster + "&port=" + nCodePort + "&transp=" + nCodeTransporteur + "&lib_transp=" + sLibelleTransporteur + "&num=" + Math.random() + "&prov=1";
		sUrl = "/produit/frais-de-port/ajax-frais-de-port.asp?produit=" + nCodeProduitPoster + "&port=" + nCodePort + "&transp=" + nCodeTransporteur + "&lib_transp=" + sLibelleTransporteur + "&num=" + Math.random() + "&prov=1";
		
		document.getElementById("id_tarifs_detail").style.display = "block";
	
		var xhr_object = null; 
		var sRetour;
		var sVerifZone;
		 
		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);
	}
	else
		alert('Choisissez un format !');
}

function getDivPort(nCodeZone){
	var i;
	for (i = 1; i <= nCptZone; i++)
		if (i != nCodeZone){
			if(document.getElementById("tab-" + i)){
				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";
		}
}