var sIdImageOn = "calendrier-mono-page";
var sIdImageOld = "calendrier-mono-page";

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 hideApercu(){
	document.getElementById("apercu").style.display = "none";
	document.getElementById("corps").style.height = "auto";
	//document.location = "#top-page";
}

function getModeles(){
	majSelectFormat();
	majSelectAnnee();
	majSelectTheme();
	majCreationSelection();
	document.getElementById("apercu").style.display = "block";
	document.getElementById("corps").style.height = "900px";
}

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

function showImage(sImg, sTitle, sLongDesc)
{
	if (sIdImageOn != sImg)
	{
		var sCodeHTML;
		//sCodeHTML = '<img src="image/'+sImg+'.jpg" alt="'+sTitle+'" title="'+sTitle+'" longdesc="'+sLongDesc+'"/>';
		sCodeHTML = '<img src="image/'+sImg+'.jpg" alt="'+sTitle+'" title="'+sTitle+'"/>';
		document.getElementById("visuel").innerHTML = "";
		document.getElementById("visuel").innerHTML = sCodeHTML;
		document.getElementById(sImg).src = "image/picto-" + sImg + "-on.jpg";
		document.getElementById(sImg).onmouseover = "";
		document.getElementById(sImg).onmouseout = "";
		document.getElementById(sIdImageOn).src = "image/picto-" + sIdImageOn + "-off.jpg";
		sIdImageOld = sIdImageOn;
		document.getElementById(sIdImageOld).onmouseover = function(){document.getElementById(sIdImageOld).src="image/picto-" + sIdImageOld + "-on.jpg";};
		document.getElementById(sIdImageOld).onmouseout = function(){document.getElementById(sIdImageOld).src="image/picto-" + sIdImageOld + "-off.jpg";};
		sIdImageOn = sImg;
	}
}

function onChangeFormatCal()
{
	var aFormatChoisi = document.getElementById("choix-format").value.split("_");
	nCodeProduit = aFormatChoisi[0];
	nCodePort = aFormatChoisi[1];
	sLibelleFormat = aFormatChoisi[2];
	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()
{
	nCodeTransporteur = document.getElementById("transporteur").value;
	var i;
	for (i = 0; i < tabCodeTransporteur.length ; i++)
		if (parseInt(tabCodeTransporteur[i]) == parseInt(nCodeTransporteur) && parseInt(tabCodePort[i]) == parseInt(nCodePort))
			sLibelleTransporteur = tabNomTransporteur[i];

	//var sUrl = "ifr-frais-de-port.asp?produit=" + nCodeProduit + "&port=" + nCodePort + "&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=" + nCodePort + "&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);
	
}

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 onChangeCompo(nDelta, bMajBase){
	nIndexCreationSelection = nIndexCreationSelection + nDelta;
	if (nIndexCreationSelection > nNombreCreationSelection - 1)
		nIndexCreationSelection = 0;
	
	document.getElementById("id_fond").innerHTML = String(nIndexCreationSelection + 1) + " / " + String(nNombreCreationSelection);
	if (nIndexCreationSelection > 0)
		document.getElementById("id_moins").innerHTML = "<img class=\"clickable\" onclick=\"javascript:onChangeCompo(-1,true)\" src=\"/images/bouton/precedent.gif\"/>";
	else
		document.getElementById("id_moins").innerHTML = "&nbsp;";

	if (nIndexCreationSelection == nNombreCreationSelection - 1)
		document.getElementById("id_plus").innerHTML = "&nbsp;";
	else
		document.getElementById("id_plus").innerHTML = "<img class=\"clickable\" onclick=\"javascript:onChangeCompo(1,true)\" src=\"/images/bouton/suivant.gif\"/>";

	nCodeCreation = tabCreationSelection[nIndexCreationSelection];

	majImage();

}

/////////////////////////////////////////////////////////////////////////////////
function onChangeAnnee(obj){
	var sAnnee = obj.value;
		
	if (sAnnee.length > 4)
		nMoisDebut = 9;
	else
		nMoisDebut = 1;
	
	nAnneeDebut = parseInt(sAnnee.substring(0,4));
	majSelectTheme();
	majCreationSelection();	
}

/////////////////////////////////////////////////////////////////////////////////
function onChangeTheme(obj){
	nCodeTheme = parseInt(obj.value);
	majCreationSelection();
}
/////////////////////////////////////////////////////////////////////////////////	
function majImage(){
	document.getElementById("id_image").innerHTML = "<img src=\"image/fond/calendrier_"+ String(nCodeCreation) + "_" + String(nOrientation) + ".jpg\" border=\"0\" style=\"border:1px solid #000000;\"/>";
}
/////////////////////////////////////////////////////////////////////////////////
function majSelectFormat(){
	var i;
	var sOptions;
		
	for (i = 0; i < tabFormat.length - 1; i++){
		sOptions = sOptions + "<option value=\"" + String(tabCodeFormat[i]) + "\"";
			
		if (tabCodeFormat[i] == nProduit)
			sOptions = sOptions + "selected=\"selected\"";

		sOptions = sOptions + ">" + tabFormat[i] + "</option>";
	}
	document.getElementById("id_td_format").innerHTML = "<select name=\"format\" id=\"id_format\">" + sOptions + "</select>";
}	
	
/////////////////////////////////////////////////////////////////////////////////
function majSelectAnnee(){
	var i;
	var sOptions;
	var nIndexFormat;
	var tabAnneeSelect = new Array();
	var sAnnee;
	var nIndex;
	
	nIndexFormat = getIndexTab(tabCodeFormat,nProduit);
	nIndex = 0;
	
	for (i = 0; i < tabAnnee[nIndexFormat].length ; i++){
		if (tabCodeTheme[nIndexFormat][i] == nCodeTheme){
			if (tabMois[nIndexFormat][i] > 1)
				sAnnee = String(tabAnnee[nIndexFormat][i]) + "-" + String(tabAnnee[nIndexFormat][i] + 1);
			else
				sAnnee = String(tabAnnee[nIndexFormat][i]);
				
			if (getIndexTab(tabAnneeSelect, sAnnee) == -1){
				tabAnneeSelect[nIndex] = sAnnee;
				nIndex++;
			}
		}
	}
		
	for (i = 0; i < nIndex; i++){
		sAnnee = tabAnneeSelect[i];
		sOptions = sOptions + "<option value=\"" + sAnnee + "\"";
			
		if (parseInt(sAnnee.substring(0,4)) == nAnneeDebut && ((sAnnee.length == 4 && nMoisDebut == 1) || (sAnnee.length > 4 && nMoisDebut > 1)))
			sOptions = sOptions + "selected=\"selected\"";

		sOptions = sOptions + ">" + sAnnee + "</option>";
	}
	document.getElementById("id_td_annee").innerHTML = "<select onchange=\"onChangeAnnee(this)\" name=\"annee\" id=\"id_annee\">" + sOptions + "</select>";
}	
	
/////////////////////////////////////////////////////////////////////////////////
function majSelectTheme(){
	var i;
	var sOptions;
	var nIndexFormat;
	var tabThemeSelect = new Array();
	var tabCodeThemeSelect = new Array();
	var nIndex;

	nIndexFormat = getIndexTab(tabCodeFormat,nProduit);
	nIndex = 0;

	for (i = 0; i < tabTheme[nIndexFormat].length ; i++){
		if (tabAnnee[nIndexFormat][i] == nAnneeDebut && tabMois[nIndexFormat][i] == nMoisDebut){
			if (getIndexTab(tabCodeThemeSelect, tabCodeTheme[nIndexFormat][i]) == -1){
				tabThemeSelect[nIndex] = tabTheme[nIndexFormat][i];
				tabCodeThemeSelect[nIndex] = tabCodeTheme[nIndexFormat][i];
				nIndex++;
			}
		}
	}
		
	for (i = 0; i < nIndex; i++){
		sOptions = sOptions + "<option value=\"" + tabCodeThemeSelect[i] + "\"";
			
		if (tabCodeThemeSelect[i] == nCodeTheme)
			sOptions = sOptions + "selected=\"selected\"";

		sOptions = sOptions + ">" + tabThemeSelect[i] + "</option>";
	}
	
	document.getElementById("id_td_theme").innerHTML = "<select onchange=\"onChangeTheme(this)\" name=\"theme\" id=\"id_theme\">" + sOptions + "</select>";
}		
	
/////////////////////////////////////////////////////////////////////////////////
function majCreationSelection(){
	var i;
	var nIndex;
	var nIndexFormat;
		
	nIndexFormat = getIndexTab(tabCodeFormat,nProduit);
	for (i = 0; i < nNombreCreationSelection; i++)
		tabCreationSelection[i] = 0;

	nNombreCreationSelection = 0;
		
	nIndex = 0;
	for (i = 0; i < tabCreation[nIndexFormat].length ; i++)	{
		if (tabAnnee[nIndexFormat][i] == nAnneeDebut && tabMois[nIndexFormat][i] == nMoisDebut && tabCodeTheme[nIndexFormat][i] == nCodeTheme){
			if (getIndexTab(tabCreationSelection, tabCreation[nIndexFormat][i]) == -1){
				tabCreationSelection[nIndex] = tabCreation[nIndexFormat][i];

				if (tabCreationSelection[nIndex] == nCodeCreation)
					nIndexCreationSelection = nIndex;

				nIndex++;
			}
		}
	}	
		
	nNombreCreationSelection = nIndex;

	onChangeCompo(0,false);	
}
/////////////////////////////////////////////////////////////////////////////////
function getIndexTab(tab,nValeur){
	var bTrouve;
	var i;
		
	i = 0;
	bTrouve = false;
	while (i < tab.length && !bTrouve){
		if (tab[i] == nValeur)
			bTrouve = true;
		else
			i++;
	}
		
	if (bTrouve)
		return i;
	else
		return -1;
}