var defaut = 0; 
liste_univers = new Array(8);
feedBack = new Array(8);
univers = 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;
}

feedBack[0]="fitness";
feedBack[1]="danse";
feedBack[2]="pilate";
feedBack[3]="eveil";
feedBack[4]="sport";
feedBack[5]="cardio";
feedBack[6]="sono";
feedBack[7]="promo";


univers[0]="1,2,3,30,20,21,49,22,19,23,50,24,18,25,51,53,54,55,56,52";
univers[1]="26,27,28,57,29,58,59,60,61,62";
univers[2]="31,63,32,64,33,65";
univers[3]="34,35,36,37,66,67";
univers[4]="48,46,47,14,68,15,69,70,71,72,73,12,74,75,76,77,78,79";
univers[5]="16,80,17,81,5,82,83,84";
univers[6]="38,85,11,86,40,87,41,88";
univers[7]="42,45,43,58,44,90,91,92,93,94,95,96,97,98";




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

/*FONCTION DECLARATION XML + NAVIGATEURS */

//Déclaration de la variable contenant la réponse
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 ActiveX
	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) {
	
	// 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 fondGamme(fondImgGamme)
{
	if(fondImgGamme.style.backgroundColor =="")
	{
		fondImgGamme.style.backgroundColor ='#EDCB5F';
		fondImgGamme.style.color='#000000';
		fondImgGamme.style.paddingLeft='3px';
	}
	else
	{
		fondImgGamme.style.backgroundColor ='';
	}

}

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



//On appelle la fonction avec la réponse XML en paramètre
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/titreNavV2.gif'><dl style='background:url(../site/img/fondNavV2.jpg) repeat-y left top;text-align: left;width:202px;padding-bottom:10px;margin-top:-15px;'>\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])
									{
											//alert(rayons.item(i).getAttribute("nom"));
											//onmouseover=\"aff('navGauche"+cpt_rayon+"');\" onmouseout=\"projectionBlock();\"
											contenu2 += "<dt style='margin:10px 0 5px 0;padding:1px 0 0 15px;'>";
											contenu2 +="<a href=\"javascript:void(0);\" class='lienRayonUnivers' onclick=\"afficherGamme (" + rayons.item(i).getAttribute("num") + ")\">"+rayons.item(i).getAttribute("nom")+"</a>";
											contenu2 += "</dt>\n";
											
											
											if (  getParam["num"] == rayons.item(i).getAttribute("num")  ) {
												contenu2 += "<dd  class=\"menuGamme\" id=\"" + rayons.item(i).getAttribute("num") + "\" style='display:block'>\n";
											} else {
												contenu2 += "<dd  class=\"menuGamme\" id=\"" + rayons.item(i).getAttribute("num") + "\" style='display:none'>\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") + "\" class='lienGammeUnivers'  id=\"lienGammes"+gammes.item(j).getAttribute("num")+"\" onclick=\"fondGamme(this) ; \">" + gammes.item(j).getAttribute("nom") + "</a>\n";														
													}
											}
											
											//formatage fin du cadre gammes
											contenu2 += "</dd>\n";
											//cpt_rayon++;
											
                                      }
                                }
                        }
                }
	//}
 
        
		contenu2 += "</dl><img src='../site/img/basNavV1.jpg' style='display:block;margin:-20px 0 10px 0;'>\n";
    
	//on affiche notre variable de nav
        document.getElementById("menuGauche").innerHTML = contenu2;
		//alert(document.getElementById("menuGauche").innerHTML);
		
	if(defaut != 1){
		fondGamme(document.getElementById('lienGammes'+getParam["type"]));		
		}		
		
	} //fin if univers
} //fin xml processor


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

	rayons = catalogue.documentElement.childNodes;
	var contenu='<div class=\"contenerNavSite\">\n';
	
				contenu += '<ul class=\"navHaute\">';
				contenu += '<li><a href=\"liste_familles.cfm?num=1&code_lg=lg_fr\" class=\"fitness2\"></a></li>\n';
				contenu += '<li><a href=\"liste_familles.cfm?num=26&code_lg=lg_fr\" class=\"danse2\"></a></li>\n';
				contenu += '<li><a href=\"liste_familles.cfm?num=31&code_lg=lg_fr\" class=\"pilates2\"></a></li>\n';
				contenu += '<li><a href=\"liste_familles.cfm?num=34&code_lg=lg_fr\" class=\"eveil2\"></a></li>\n';
				contenu += '<li><a href=\"liste_familles.cfm?num=48&code_lg=lg_fr\" class=\"sport2\"></a></li>\n';
				contenu += '<li><a href=\"liste_familles.cfm?num=16&code_lg=lg_fr\" class=\"cardio2\"></a></li>\n';
				contenu += '<li><a href=\"liste_familles.cfm?num=38&code_lg=lg_fr\" class=\"sono2\"></a></li>\n';
				contenu += '<li><a href=\"liste_familles.cfm?num=42&code_lg=lg_fr\" class=\"promo2\"></a></li>\n';											
				contenu += '</ul>\n';
				contenu +="<div id=\"" + feedBack[k] + "\"></div>";							
				contenu += "</div>\n";
				
        //on affiche notre variable de nav
        document.getElementById("menu").innerHTML = contenu;
		//alert(document.getElementById("menu").innerHTML);
		
	} //fin if univers
	
	xmlProcessor2(xmlDocument);

} //fin xml processor

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



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