var defaut = 0; 

liste_univers = new Array(9);
univers = new Array(9);
padding=new Array(8);


getParam = new Array();

if(typeof(urlOrigine)=='undefined') {
	var urlOrigine=document.location.href;
}

getURL_param2(urlOrigine);

// gerer le cas si url a des param mais pas de param num
if(getParam["num"] == undefined){
	getParam["num"] = "1";
	defaut = 1;
}

// liste des numeros de rayon appartenant a cet univers
univers[0]="11";
univers[1]="21";
univers[2]="31";
univers[3]="41";
univers[4]="51";
univers[5]="61";
univers[6]="71";
univers[7]="81";
univers[8]="00";


padding[0]="11";
padding[1]="21";
padding[2]="31";
padding[3]="41";
padding[4]="51";
padding[5]="61";
padding[6]="71";
padding[7]="81";

//univers[99999]="0";





//Déclaration de la variable contenant la répon
var xmlDocument;
var safari=false;

//using Safari ? Mind if we lol ?
if (navigator.userAgent.match("(S|s)afari") || navigator.userAgent.match("(O|o)pera")) {
        safari=true;
}
//Firefox
if(document.implementation.createDocument) {
        xmlDocument = document.implementation.createDocument('', '', null);
        //listener sur le chargement du fichier XML
        xmlDocument.addEventListener('load', loadHandler, false);
}
//IE
else {
        //création d'un objet Active
        xmlDocument = new ActiveXObject('Microsoft.XMLDOM');
}

//Fonction pour Firefox - elle est appelée quand le fichier XML est chargé
function loadHandler () {
        xmlProcessor(this);
}

function loadXMLDoc(url) {
        xmlDocument.async = "false";
        //Utile seulement pour IE
        xmlDocument.onreadystatechange=state_Change;
        if (!safari) {
                xmlDocument.load(url);
        }
        else {
                if (window.XMLHttpRequest)
                {
                        xmlhttpXMLCatalogue = new XMLHttpRequest();
                        xmlhttpXMLCatalogue.onreadystatechange = process_Safari;
                        xmlhttpXMLCatalogue.open("GET", url + "?randomvar=" + Math.random(),true);
                        xmlhttpXMLCatalogue.send(null);
                }
        }
}


function process_Safari() {
        if (xmlhttpXMLCatalogue.readyState == 4)
        {
                if (xmlhttpXMLCatalogue.status != 200)
                {
                        alert("Il y a eu un problème lors de la connexion:\n"+xmlhttpXMLCatalogue.statusText);
                }
                else {
                        var content = xmlhttpXMLCatalogue.responseText;
                        var parser = new DOMParser();
                        xmlDocument = parser.parseFromString(content, "text/xml");
                        xmlProcessor(xmlDocument);
                }
        }
}

function state_Change() {
        //readyState == 4 seulement si le fichier est lu correctement (pas d'erreurs dans le XML)
        if (xmlDocument.readyState==4) {
                xmlProcessor(xmlDocument);
        }
}



/*------------------------------------------------------------*/
/*    fonctions personalisées
/*------------------------------------------------------------*/

/*function masqueImg(num) {
	// Vérifie si le div est masqué
	if (document.getElementById("zone").style.display=='block') 
	{	// Si oui on affiche le div
		document.getElementById("zone").style.display='none'; 
	} else {
		// sinon on le masque
		document.getElementById("zone").style.display='none'
	}
}

// code pour afficher les boites sur liste produits
function afficherGamme(nomdiv) {
	// test  --  non ok --
	//var classGammes = GetElementsWithClassName('*','cadreMenuGamme');
	//alert ("test : " + classGammes );
	
	// Vérifie si le div est masqué
	if (document.getElementById(nomdiv).style.display=='none') 
	{	// Si oui on affiche le div
		document.getElementById(nomdiv).style.display='block'; 
	} else {
		// sinon on le masque
		document.getElementById(nomdiv).style.display='none'
	}
}
*/

var tempsNav =150;
var timeOut;
var cpt_rayon = 1;
function aff(nomdiv){
	stopAffiche();
	for (var i = 1; i<=cpt_rayon; i++){
		var id2 = "navGauche"+i;
		if(nomdiv != id2){
			if (document.getElementById(id2)){
				document.getElementById(id2).style.display='none';
			}
		}
	}
	if (document.getElementById(nomdiv)){
		document.getElementById(nomdiv).style.display='block';
	}
}

function masq(){
	for (var i = 1; i<=cpt_rayon; i++){
		if (document.getElementById('navGauche'+i)){
			document.getElementById('navGauche'+i).style.display='none';
			
		}
		
	}
}

function projectionBlock(){
	timeOut = setTimeout('masq()', tempsNav);
}
function stopAffiche(){
	if(timeOut)
		clearTimeout(timeOut);
}



function fondImg(fondRayon)
{
//alert(rayon.style.backgroundImage);
	if(fondRayon.style.backgroundImage == "")
	{
	fondRayon.style.backgroundColor ='#993300';		
	fondRayon.style.color='#fff';
	fondRayon.style.fontSize='11px';
	fondRayon.style.fontFamily='arial';
	fondRayon.style.fontWeight='bold';	
	fondRayon.style.display='block';
	fondRayon.style.height='40px';
	fondRayon.style.width='87px';
	fondRayon.style.margin='-15px 0 0 0';
	fondRayon.style.padding='17px 0 0 0';
		if (navigator.appName == "Microsoft Internet Explorer")
				{
				fondRayon.style.padding='15px 0 0 0';					
				}
	
	}
	else{
	fondRayon.style.backgroundColor ='red';
	fondRayon.style.color='#ffffff';
	fondRayon.style.fontSize='11px';
	fondRayon.style.fontFamily='arial';
	fondRayon.style.fontWeight='bold';	
	fondRayon.style.display='block';
	fondRayon.style.height='40px';
	fondRayon.style.width='87px';	
	fondRayon.style.padding='17px 0 0 0';	
	}

}

function fondGamme(fondImgGamme){
	if(fondImgGamme.style.backgroundColor =="")
	{
		fondImgGamme.style.backgroundColor ='#993300';
		fondImgGamme.style.color='#ffffff';
		fondImgGamme.style.fontSize='11px';
		fondImgGamme.style.fontFamily='arial';
		fondImgGamme.style.fontWeight='bold';	
	}
	else
	{
		fondImgGamme.style.backgroundColor ='#FFCC00';
		fondImgGamme.style.fontSize='11px';
		fondImgGamme.style.fontFamily='arial';
		fondImgGamme.style.fontWeight='bold';	
	}
}

/*------------------------------------------------------------*/
/*    FIN fonctions personalisées
/*------------------------------------------------------------*/


//On appelle la fonction avec la réponse XML en paramètre
function xmlProcessor(catalogue) {

        if(!getParam["num"]){
                getParam["num"] = getRayonFromGamme(xmlDocument, getParam["type"]);
        }

        // permet de recuperer l'univers courant a partir du num rayon courant (param num de l'url)
        mon_univers = getUniversFromRayon(getParam["num"]);
		
		// MODIF  BORIS 7/09/2010, mask :
       // if(mon_univers != -1){
        k = mon_univers;

        rayons = catalogue.documentElement.childNodes;
        var contenu="<ul id=\"cadreMenu\">\n";

        for(var k = 0; k < univers.length; k++){
                
		//alert(titre_univers[k]);
           //contenu += "<li class=\""\"></li>\n";
              
			  var liste_rayon = univers[k].split(",");
                
				for(var rayon = 0; rayon < liste_rayon.length; rayon++){
                       
					   for (var i = 0; i < rayons.length; i++) {
                                
								if (rayons.item(i).tagName == "rayon") {
                                        
										if(rayons.item(i).getAttribute("num") == liste_rayon[rayon]){
											
											
											if (rayons.item(i).getAttribute("num") == 11){
											
													contenu += "<li class=\"cadreLienRayon padding"+padding[k]+"\" onmouseover=\"aff('navGauche"+cpt_rayon+"');\" onmouseout=\"projectionBlock();\">\n";				
													contenu += "<a id=\"lien"+rayons.item(i).getAttribute("num")+"\" href=\"javascript:void(0);\" onclick=\"fondImg(this) \" class=\"LienRayon\">" + rayons.item(i).getAttribute("nom") + "</a>";	
													
														
														//Listage de Gammes
														contenu += "<div class=\"cadreMenuGamme\" style=\"display:none\" id=\"navGauche" + cpt_rayon + "\">\n";	
														contenu += "<div class=\"cadreLienGamme\" >\n";														
														gammes = rayons.item(i).childNodes;
														for (var j = 0; j < gammes.length; j++) {
																if (gammes.item(j).tagName == "gamme") {
																		//alert(gammes.item(j).getAttribute("nom"));
																		
																		contenu += "<a href=\"" + gammes.item(j).getAttribute("url") + "\" class=\"lienGamme\" style=\"color:#fff;\">" + gammes.item(j).getAttribute("nom") + "</a>\n";
																		
																}
														}
														contenu += "</div>\n";
														//formatage fin du cadre gammes
														contenu += "</div>\n";	
														contenu += "</li>\n";	
														cpt_rayon++;															
														
												
											}//if condition num11
											else{
												
								                 gammes = rayons.item(i).childNodes;
                                                for (var j = 0; j < gammes.length; j++) {
                                                        if (gammes.item(j).tagName == "gamme") {
			                                                contenu += "<li class=\"cadreLienRayon3  padding"+padding[k]+"\"><a id=\"lien"+rayons.item(i).getAttribute("num")+"\" href=\"" + gammes.item(j).getAttribute("url") +"\" onclick=\"fondImg(this) \" class=\"LienGamme\">" + rayons.item(i).getAttribute("nom")  +"</a></li>\n";	
														}
												}
												
												
												
											}//fin else num=11
												
												
										
                                        }//fin if rayon get(num)
										
				                  } //fin if rayon tagname
								
							}//3eme for
	    
					}//2eme for

		       }//1er for


        contenu += "<li class='promo'><a href='liste_produits.cfm?code_lg=lg_fr&num=00&type=promotion'>PROMO</a></li></ul>\n";
		
        //on affiche notre variable de nav
        document.getElementById("menu1").innerHTML = contenu;
		//alert(document.getElementById("menu1").innerHTML);
			
		// garder le feedback sur gammes et articles
		//le num permet de le garder par rapport au rayon en cours et le type permet de le gérer par rapport a la gamme selectionné
		if(defaut != 1){
			fondImg(document.getElementById('lien'+getParam["num"]));
			//fondGamme(document.getElementById('lienGammes'+getParam["type"]));
			//afficherGamme(getParam["num"]);
		}

	// MODIF  BORIS 7/09/2010, mask :
	//} //if mon univers
	

}//fin function


function getUniversFromRayon(num){
        mon_univers = -1;
        nb_univers = liste_univers.length;
        for(var k = 0; k < nb_univers; k++){
                var liste_rayon = univers[k].split(",");
                for(var rayon = 0; rayon < liste_rayon.length; rayon++){
                        if(liste_rayon[rayon] == num){
                                mon_univers = k;
                                break;
                        }
                }
        }
        return mon_univers;
}


function getUniversFromGamme(catalogue, type){
        //parcours de tous le fichier xml
        //liste des rayons
        rayons = catalogue.documentElement.childNodes;
        //on boucle sur les nodes
        for (var i = 0; i < rayons.length; i++) {
                //pour s'assurer qu'on est bien sur une node rayon
                if (rayons.item(i).tagName == "rayon") {
                        //on boucle sur les gammes
                        gammes = rayons.item(i).childNodes;
                        for (var j = 0; j < gammes.length; j++) {
                                //pour s'assurer qu'on est bien sur une node gamme
                                if (gammes.item(j).tagName == "gamme") {
                                        //alert(gammes.item(j).getAttribute("num"));
                                        if(gammes.item(j).getAttribute("num") == type){
                                                alert(type+"=>"+getUniversFromRayon(rayons.item(i).getAttribute("num")));
                                        }
                                }
                        }
                }
        }


}


function getRayonFromGamme(catalogue, type){
        mon_rayon = -1;
        //parcours de tous le fichier xml
        //liste des rayons
        rayons = catalogue.documentElement.childNodes;
        //on boucle sur les nodes
        for (var i = 0; i < rayons.length; i++) {
                //pour s'assurer qu'on est bien sur une node rayon
                if (rayons.item(i).tagName == "rayon") {
                        //on boucle sur les gammes
                        gammes = rayons.item(i).childNodes;
                        for (var j = 0; j < gammes.length; j++) {
                                //pour s'assurer qu'on est bien sur une node gamme
                                if (gammes.item(j).tagName == "gamme") {
                                        //alert(gammes.item(j).getAttribute("num"));
                                        if(gammes.item(j).getAttribute("num") == type){
                                                mon_rayon = rayons.item(i).getAttribute("num");
                                                break;
                                        }
                                }
                        }
                }
        }

        return mon_rayon;
}

function getURL_param2(monurl){
	if(monurl.indexOf("?") != -1){
        	tab = monurl.split("?");
        	var liste_param = tab[1];
        	var param = liste_param.split("&");
        	for(var k = 0; k < param.length; k++){
                	val = param[k].split("=");
                	getParam[val[0]] = val[1];
        	}
	}else{
		// gerer le cas si url n a pas de param
		getParam["num"] = "1";
		defaut = 1;
	}
}



//on charge le fichier architecture_catalogue.xml qui se situe dans le répertoire boutique (et boutique_us)
loadXMLDoc("../boutique/architecture_catalogue.xml");