var defaut=0;

liste_univers = new Array(7);
univers = new Array(7);
rayonPosition = new Array(7);
imgRayon = new Array(7);


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"] = "2";
	defaut = 1;
}

// UNIVERS 1
//nom de univers 1


// liste des numeros de rayon appartenant a cet univers
univers[0]="1b,11,4,5,15,6,281,2,3,12,321,331,8";
univers[1]="2b,491,151,501,511,521,551,541,561,531,571,171,598";
univers[2]="3b,16,111,131,121,181,361,371";
univers[3]="4b,101,191,201,211,161,381,391";
univers[4]="6b,261,271,21,441,451,461";
univers[5]="7b,481,471,51,10,311,291,301";
univers[6]="5b,221,431,411,231,421,241,401";

rayonPosition[0]="kite";
rayonPosition[1]="camera";
rayonPosition[2]="bagage";
rayonPosition[3]="outdoor";
rayonPosition[4]="equipement";
rayonPosition[5]="loisirs";
rayonPosition[6]="street";

imgRayon[0]="titre-kite2.gif";
imgRayon[1]="titre-camera2.gif";
imgRayon[2]="titre-bagage.gif";
imgRayon[3]="titre-outdoor.gif";
imgRayon[4]="titre-equipement2.gif";
imgRayon[5]="titre-loisir2.gif";
imgRayon[6]="titre-street.gif";



function loadXMLDoc(url) {

	        executeAjaxQueryGET(url,function(xhr){state_Change(xhr)} );

}


var docXml;

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



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

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);
}



/* ======== */

// code pour afficher les boites sur liste produits
function afficherGamme(nomdiv) {
	
	// 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'
	}
}


/* ======== */


function fondRayon(fondImgRayon)
{
	//alert(fondImgRayon.style.backgroundImage);
	if(fondImgRayon.style.backgroundImage == "")
	{
	fondImgRayon.style.color='#E82B03';
	fondImgRayon.style.fontWeight='bold';
	fondImgRayon.style.textDecoration='none';	
	fondImgRayon.style.backgroundImage='url(../site/img/puce2.gif)';		
	fondImgRayon.style.backgroundRepeat='no-repeat';
	}
	else{
	fondImgRayon.style.textDecoration='none';
	}

}



function fondGamme(fondImgGamme){
	if(fondImgGamme.style.backgroundColor =='')
	{
		fondImgGamme.style.textDecoration ='underline';
		fondImgGamme.style.color='#E82B03';
	}
	else
	{
		fondImgGamme.style.backgroundColor ='';
	}

}

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




function xmlProcessor2(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"]);
	if(mon_univers != -1){
	k = mon_univers;

	rayons = catalogue.documentElement.childNodes;
	var	contenu2 ="<img src=\"../site/img/"+imgRayon[k]+"\" class=\"imgSiteXmlHaut\" /><dl id='cadreMenu2'>\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])
									{
											
                                                contenu2 += "<dt class=\"cadreLienRayon\">";
												contenu2 +="<a href=\"javascript:void(0);\" class=\"lienRayon2\" onclick=\"afficherGamme (" + rayons.item(i).getAttribute("num") + ") ; fondRayon(this) ; \" id=\"lienRayonsGauche"+rayons.item(i).getAttribute("num")+"\">" + rayons.item(i).getAttribute("nom") +"</a>";
												contenu2 +="</dt>\n";	
									  
												contenu2 += "<dd  class=\"cadreMenuGamme\" id=\"" + rayons.item(i).getAttribute("num") + "\" style='display:none'>\n";												
											
											if (  getParam["num"] == rayons.item(i).getAttribute("num")) {
												contenu2 += "<dd  class=\"cadreMenuGamme\" id=\"" + rayons.item(i).getAttribute("num") + "\" style='display:block'>\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"));
														contenu2 += "<a href=\"" + gammes.item(j).getAttribute("url") + "\"  id=\"lienGammes"+gammes.item(j).getAttribute("num")+"\" class=\"lienGamme\" onclick=\"fondGamme(this) ; \">" + gammes.item(j).getAttribute("nom") + "</a>\n";														
													
													}
											}
											
											//formatage fin du cadre gammes
											contenu2 += "</dd>\n";
											
                                      }
                                }
                        }
                }
	//}
 
        
	contenu2 += "</dl>\n";
        //on affiche notre variable de nav
        document.getElementById("menu2").innerHTML = contenu2;
		
	if(defaut != 1){
		fondRayon(document.getElementById('lienRayonsGauche'+getParam["num"]));			
		fondGamme(document.getElementById('lienGammes'+getParam["type"]));		
		}
		
	} //if mon univers
	
}//if xlm processor





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

        rayons = catalogue.documentElement.childNodes;
        var contenu="<ul id=\"cadreMenu\">\n";
		
        for(var k = 0; k < univers.length; k++)
		{
                
		//alert(titre_univers[k]);
           contenu += "<li onmouseover=\"aff('navGauche"+cpt_rayon+"');\" onmouseout=\"projectionBlock();\" class=\""+rayonPosition[k]+"\">\n";
			contenu += "<div style=\"display:none\" id=\"navGauche" + cpt_rayon + "\" class=\"cadreMenu2\">\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])
										{
											
																							
                                                contenu += "<a href=\""+rayons.item(i).getAttribute("url")+"\" class=\"lienRayon\">" + rayons.item(i).getAttribute("nom") + "</a>";
												cpt_rayon++;												
									

                                        }//fin if rayon (num)
										
				                } //fin if rayon
								
								
                        }
                }
				
				contenu +="</div></li>\n";

        	}

        contenu += "</ul>\n";
        //on affiche notre variable de nav
        document.getElementById("menu").innerHTML = contenu;
		//alert(document.getElementById("menu").innerHTML);
		
		
	xmlProcessor2(docXml);		

}


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;
	}
}


loadXMLDoc("../boutique/architecture_catalogue.xml");