//---------------------------------
//- onReloadListeCompoPicto() 
//- Procedure qui sur changement de theme recharge le tableau de picto des composition
//- 2009-07-09 (PAM) : Mise en place de la fonction de chargement du tableau de picto
//--------------------------------

var sIdImageOld = "faire-part";
var nCptZone = 0;

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

			if(sImg == 'anim-faire-part'){
				//affichage de la presentation flash
				sCodeHTML = '<object type="application/x-shockwave-flash" data="image/presentation-faire-part.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-faire-part.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/faire-part.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/faire-part.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("faire-part").src = "image/picto-faire-part-off.jpg";
		document.getElementById("details-faire-part").src = "image/picto-details-faire-part-off.jpg";
		document.getElementById("anim-faire-part").src = "image/picto-anim-faire-part-off.jpg";
		document.getElementById("D-faire-part").src = "/images/tarifs/picto-3d-off.jpg";
		
		//l'elt en cours sur on
		if(sImg != 'D-faire-part' )
			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-faire-part'){
			document.getElementById("D-faire-part").onmouseover = function(){document.getElementById("D-faire-part").src="/images/tarifs/picto-3d-on.jpg";};
			document.getElementById("D-faire-part").onmouseout = function(){document.getElementById("D-faire-part").src="/images/tarifs/picto-3d-off.jpg";};
		}
		else if(sIdImageOld == 'faire-part'){
			document.getElementById("faire-part").onmouseout = function(){document.getElementById("faire-part").src="image/picto-faire-part-off.jpg";};
			document.getElementById("faire-part").onmouseover = function(){document.getElementById("faire-part").src="image/picto-faire-part-on.jpg";};
		}
		else if(sIdImageOld == 'anim-faire-part'){
			document.getElementById("anim-faire-part").onmouseout = function(){document.getElementById("anim-faire-part").src="image/picto-anim-faire-part-off.jpg";};
			document.getElementById("anim-faire-part").onmouseover = function(){document.getElementById("anim-faire-part").src="image/picto-anim-faire-part-on.jpg";};
		}
		else if(sIdImageOld == 'details-faire-part'){
			document.getElementById("details-faire-part").onmouseout = function(){document.getElementById("details-faire-part").src="image/picto-details-faire-part-off.jpg";};
			document.getElementById("details-faire-part").onmouseover = function(){document.getElementById("details-faire-part").src="image/picto-details-faire-part-on.jpg";};
		}
		
		sIdImageOld = sImg;
	}
}

function getPort(){
	document.getElementById("port").style.display = "block";
	document.getElementById("corps").style.height = "1000px";
}

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

function getApercu(){
	document.getElementById("apercu").style.display = "block";
	document.getElementById("corps").style.height = "1000px";
}

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


function getModeles(){
	majSelectFormat();
	majSelectAnnee();
	majSelectTheme();
	majCreationSelection();
	document.getElementById("modele").style.display = "block";
}

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

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 onValide(){
	var aCodeTransporteur = document.getElementById("transporteur").value.split("_");
	var nCodeTransporteur = aCodeTransporteur[0];
	var sLibelleTransporteur = aCodeTransporteur[1];
	var aCodeProduit = document.getElementById("format").value.split("_");
	var nCodeProduit = aCodeProduit[0];
	var sLibelleFormat = aCodeProduit[1];
	
	//var sUrl = "ifr-frais-de-port.asp?produit=" + nCodeProduit + "&port=4&transp=" + nCodeTransporteur + "&lib_transp=" + sLibelleTransporteur + "&lib_format=" + sLibelleFormat + "&num=" + Math.random();
	var sUrl = "/produit/frais-de-port/ajax-frais-de-port.asp?produit=" + nCodeProduit + "&port=4&transp=" + nCodeTransporteur + "&lib_transp=" + sLibelleTransporteur + "&lib_format=" + sLibelleFormat + "&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);
}

//affiche le choix des compos (PAM) : ancienne version par bouton
/*function onShowListeCompo()
{
	var nPosition = nIndiceComposition - nIndiceTheme + 1;
	if (nPosition > 1)
		document.getElementById("id_bouton_prec").innerHTML = '<img src="/images/bouton/precedent.gif" alt="Pr&eacute;c&eacute;dent" title="Pr&eacute;c&eacute;dent" onclick="onChangeCompo(' + (nIndiceComposition - 1) + ')" class="clickable" />';
	else
		document.getElementById("id_bouton_prec").innerHTML = "&nbsp;";
	if (nPosition < nNbComposition)
		document.getElementById("id_bouton_suiv").innerHTML = '<img src="/images/bouton/suivant.gif" alt="Suivant" title="Suivant" onclick="onChangeCompo(' + (nIndiceComposition + 1) + ')" class="clickable" />';
	else
		document.getElementById("id_bouton_suiv").innerHTML = "&nbsp;";
		
	document.getElementById("id_liste_compo").innerHTML = "<b> " + nPosition + " / " + nNbComposition + "</b>";
}*/

//affiche le tableau de picto des compos dans le div : id_list_tab_compo
function onReloadListeCompoPicto()
{
	var sTableOfCompo;
	var i, nCpt = 0, nCptNbPicto = 0;

	sTableOfCompo = '<div id="id_list_tab_compo" style="overflow: auto; valign: top; align: left; height: 320px; width: 234px;"><table border="0" cellpadding="0" cellspacing="1px" align="center"><tr>'; 
	
	for(var i=0; i < tabTheme.length; i++)
	{
		if(tabTheme[i]==nCodeTheme) //parcourt du tableau de theme et si egale au theme en cours je charge les compositions
		{
			nCpt++;
			nCptNbPicto++;
			nIdComposition = tabCompo[i];
			
			sTableOfCompo += '<td class="fond-non-sel" id=\"td_fond_' + nIdComposition + '\" colspan="1">';
			sTableOfCompo += '<img src="/produit/creatif/faire-part/image/faire_part/visu/picto_' + nIdComposition + '_1.jpg" alt=""'; //width="65px" height="65px"
			sTableOfCompo += 'onclick="onChangeCompo(' + (i) + ');" class="clickable" />'; 
			sTableOfCompo += '</td>'; 
			
			if(nCpt==3) //fermeture et ouverture de ligne tout les 3 images
			{
				sTableOfCompo += '</tr>';
				sTableOfCompo += '<tr>';
				nCpt=0;
			}
			
		}
	}
	
	//fermeture de la dernière ligne et des derniers cellules si on est sur image 0 ou 1 ou 2
	if(nCpt==0)
		sTableOfCompo += '</tr>';
	if(nCpt==1)
	{
	  sTableOfCompo += '<td colspan="2">&nbsp;</td>';
	  sTableOfCompo += '</tr>';
	}
	if(nCpt==2)
	{
	  sTableOfCompo += '<td>&nbsp;</td>';
	  sTableOfCompo += '</tr>';
	}
	
	sTableOfCompo += '</table></div>';
	
	document.getElementById("id_liste_compo").innerHTML = sTableOfCompo;
			
}

function onInit()
{
	nNbComposition = getNbComposition();
	//onShowListeCompo(); PAM : actualisation des boutons (plus utilisés)
	onReloadListeCompoPicto();
	document.getElementById('td_fond_' + tabCompo[nIndiceComposition]).className = 'fond-sel'; //selection cadre orange
	majExemple();
	
}

//renvoi le nb de compo pour le thème en cours
function getNbComposition()
{
	var i, nCpt = 0;
	var bBreak = false, bMajIndice = false;
	for (i = 0; i < tabTheme.length; i++)
	{
		if (tabTheme[i] == nCodeTheme)
		{
			if (!bMajIndice)
			{
				nIndiceTheme = i;
				bMajIndice = true;
			}
			nCpt++;
			bBreak = true;
		}
		else if (bBreak)
			break;
	}
	return nCpt;
}

function majExemple()
{
		var txttemp='';
		//document.getElementById("id_ex_illustre").innerHTML = "<img id=\"image\" alt=\"Clickez pour zoomer / d&eacute;zoomer\" title=\"Clickez pour zoomer / d&eacute;zoomer\"  src=\"image/faire_part/visu/visu_" + nCodeComposition + "_" + nVisuOcc + ".jpg\" onclick=\"Zoom(" + nCodeComposition + "," + nVisuOcc + ")\" class=\"clickable\"/><br/>" + tabCompoTexteVisu[nIndiceComposition];
		//document.getElementById("id_ex_illustre").innerHTML = "<img id=\"image\" src=\"image/faire_part/visu/visu_" + nCodeComposition + "_" + nVisuOcc + "_zoom.jpg\" width=\"335px\" height=\"330px\" /><br/>" + tabCompoTexteVisu[nIndiceComposition];
		//PAM je recharge directement l'element src de l'image sinon il y a un cadre temporaire qui s'affiche pas joli
		document.getElementById("image_presentation").src = "image/faire_part/visu/presentation_" + nCodeComposition + "_" + nVisuOcc + ".jpg";
}		

//changement de compo
function onChangeCompo(nNouvIndiceComposition)
{
	var bContinu = verifCompoTheme(nNouvIndiceComposition); //on vérifie que la compo appartient bien au thème en cours
	if (bContinu)
	{
		document.getElementById('td_fond_' + tabCompo[nIndiceComposition]).className = 'fond-non-sel'; //je deselectionne l'ancien element
		nIndiceComposition = nNouvIndiceComposition;
		document.getElementById('td_fond_' + tabCompo[nIndiceComposition]).className = 'fond-sel'; //je selectionne le nouvel element
		//onShowListeCompo(); (PAM) : mise en commentaire car plus besoin de remettre en place les btn de suivant precedent
		nCodeComposition = tabCompo[nIndiceComposition];
		majExemple();
	}
}

//controle de la compo choisie
function verifCompoTheme(nNouvIndiceComposition)
{
	if (tabTheme[nNouvIndiceComposition] == nCodeTheme)
		return true;
	else
		return false;
}

//Changement de thème
function onChangeTheme()
{
	nCodeTheme = document.getElementById("id_theme").value;
	nNbComposition = getNbComposition();
	nIndiceComposition = nIndiceTheme;
	//onShowListeCompo(); (PAM) : remplace par onReloadListeCompoPicto(); qui affiche le tableau des picto
	onReloadListeCompoPicto();
	document.getElementById('td_fond_' + tabCompo[nIndiceComposition]).className = 'fond-sel'; //reselection de l'elt de debut
	nCodeComposition = tabCompo[nIndiceComposition];
	majExemple();
}