//*************************************************************************
//* Societe: 		ETML								         		  *
//* Date: 	 		21.09.06 - 30.11.06						              *
//* Auteurs: 		Patrick Blanc & Christopher Gaschen				      *
//* Description:		Menu déroulant en javascript					  *
//													                      *
//*************************************************************************		
	
	//choix des couleurs et définition pour les menus principaux
	bgcolor='#191919'; //CC0000',
	bgcolor0='#9900ff'; //CC0000';
	bgcolor1='#9900ff'; //CC0000';
	bgcolor2='#9900ff'; //CC0000';
	bgcolor3='#9900ff'; //CC0000';
	bgcolor4='#9900ff'; //CC0000';
	bgcolor5='#9900ff'; //CC0000';
	bgcolor6='#9900ff'; //CC0000';
	bgcolor7='#9900ff'; //CC0000';
	bgcolor8='#9900ff'; //CC0000';
	bgcolor9='#9900ff'; //CC0000';
	
	


	//choix des couleurs et définition pour la liste déroulante
	zgcolor = new Array;
	zgcolor[0] = '#9900ff'; //CC0000';
	zgcolor[1] = '#9900ff'; //CC0000';
	zgcolor[2] = '#9900ff'; //CC0000';
	zgcolor[3] = '#9900ff'; //CC0000';
	zgcolor[4] = '#9900ff'; //CC0000';
	zgcolor[5] = '#9900ff'; //CC0000';
	zgcolor[6] = '#9900ff'; //CC0000';
	zgcolor[7] = '#9900ff'; //CC0000';
	zgcolor[7] = '#9900ff'; //CC0000';
	zgcolor[8] = '#9900ff'; //CC0000';


	//applique le style CSS
	document.write('<style type="text/css">');
	//Place la liste déroulante et les sous menus  (au lieu de les mettre en dessus)
	document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:3; }')
	//défini l'attribut gauche
	document.write('#topgauche{ position:relative; z-index:10; }')
	//initialiser la couleur des sous-menus
	document.write('A:hover.menu {color:#FFFFFF; text-decoration:none;}')
	//initialisation de la couleur des menus
	document.write('A.menu {color:#FFFFFF; text-decoration:none;}')
	//défini le style
	document.write('</style>')
	//donne les attributs au style
	document.write('<div style="position:relative;height:25"><DIV class=popper id=topdeck></DIV>');



	// déclaration des tableaux de menu et de sous-menu
	zlien = new Array;
	zlien[0] = new Array;
	zlien[1] = new Array;
	zlien[2] = new Array;
	zlien[3] = new Array;
	zlien[4] = new Array;
	zlien[5] = new Array;
	zlien[6] = new Array;



		//Déclaration des menus et sous-menus, et place les pages dans la frame.
		zlien[0][0] = '<A HREF="../Shoes/Shoes_Nike.html" target="Frame" CLASS=menu>NIKE	</A>';
		zlien[0][1] = '<A HREF="../Shoes/Shoes_Adidas.html" target="Frame" CLASS=menu>ADIDAS </A>';
		zlien[0][2] = '<A HREF="../Shoes/Shoes_Gucci.html" target="Frame" CLASS=menu>GUCCI </A>';
		zlien[0][3] = '<A HREF="../Shoes/Shoes_Dior.html" target="Frame" CLASS=menu>DIOR </A>';
		zlien[0][4] = '<A HREF="../Shoes/Shoes_Chanel.html" target="Frame" CLASS=menu>CHANEL </A>';
		zlien[0][5] = '<A HREF="../Shoes/Shoes_Prada.html" target="Frame" CLASS=menu>PRADA </A>';
		zlien[0][6] = '<A HREF="../Shoes/Shoes_LouisVuitton.html" target="Frame" CLASS=menu>LOUIS VUITTON </A>';
		zlien[0][7] = '<A HREF="../Shoes/Shoes_Burberry.html" target="Frame" CLASS=menu>BURBERRY </A>';
		zlien[0][8] = '<A HREF="../Shoes/Shoes_D&G.html" target="Frame" CLASS=menu>D&G </A>';
		zlien[0][9] = '<A HREF="../Shoes/Shoes_Hogan.html" target="Frame" CLASS=menu>HOGAN </A>';
		zlien[0][10] = '<A HREF="../Shoes/Shoes_Coach.html" target="Frame" CLASS=menu>COACH </A>';
		zlien[0][11] = '<A HREF="../Shoes/Shoes_Versace.html" target="Frame" CLASS=menu>VERSACE </A>';
		zlien[0][12] = '<A HREF="../Shoes/Shoes_Fendi.html" target="Frame" CLASS=menu>FENDI </A>';
		zlien[0][13] = '<A HREF="../Shoes/Shoes_Paciotti.html" target="Frame" CLASS=menu>PACIOTTI </A>';
	    zlien[0][14] = '<A HREF="../Shoes/Shoes_Bikkembergs.html" target="Frame" CLASS=menu>BIKKEMBERGS </A>';
		zlien[0][15] = '<A HREF="../Shoes/Shoes_Ferragamo.html" target="Frame" CLASS=menu>FERRAGAMO </A>';
		zlien[0][16] = '<A HREF="../Shoes/Shoes_Others.html" target="Frame" CLASS=menu>OTHERS </A>';
		zlien[0][17] = '<A HREF="../Shoes/Shoes_Stows.html" target="Frame" CLASS=menu>STOWS </A>';
		zlien[1][0] = '<A HREF="../Bags/Bags_LouisVuitton.html" target="Frame" CLASS=menu>LOUIS VUITTON</A>';
		zlien[1][1] = '<A HREF="../Bags/Bags_Gucci.html" target="Frame" CLASS=menu>GUCCI</A>';
		zlien[1][2] = '<A HREF="../Bags/Bags_Prada.html" target="Frame" CLASS=menu>PRADA</A>';
		zlien[1][3] = '<A HREF="../Bags/Bags_Fendi.html" target="Frame" CLASS=menu>FENDI</A>';
		zlien[1][4] = '<A HREF="../Bags/Bags_Chanel.html" target="Frame" CLASS=menu>CHANEL</A>';
		zlien[1][5] = '<A HREF="../Bags/Bags_Hermes.html" target="Frame" CLASS=menu>HERMES</A>';
		zlien[1][6] = '<A HREF="../Bags/Bags_MiuMiu.html" target="Frame" CLASS=menu>MIU MIU</A>';
		zlien[1][7] = '<A HREF="../Bags/Bags_Chloe.html" target="Frame" CLASS=menu>CHLOE</A>';
		zlien[1][8] = '<A HREF="../Bags/Bags_Burberry.html" target="Frame" CLASS=menu>BURBERRY</A>';
		zlien[1][9] = '<A HREF="../Bags/Bags_Cartier.html" target="Frame" CLASS=menu>CARTIER</A>';
		zlien[1][10] = '<A HREF="../Bags/Bags_Versace.html" target="Frame" CLASS=menu>VERSACE</A>';
		zlien[1][11] = '<A HREF="../Bags/Bags_D&g.html" target="Frame" CLASS=menu>D&G</A>';
		zlien[1][12] = '<A HREF="../Bags/Bags_Balenciaga.html" target="Frame" CLASS=menu>BALENCIAGA</A>';
		zlien[1][13] = '<A HREF="../Bags/Bags_Dior.html" target="Frame" CLASS=menu>CHRISTIAN DIOR</A>';
		zlien[1][14] = '<A HREF="../Bags/Bags_Ysl.html" target="Frame" CLASS=menu>YVES SAINT LAURENT</A>';
		zlien[1][15] = '<A HREF="../Bags/Bags_MarcJacobs.html" target="Frame" CLASS=menu>MARC JACOBS</A>';
		zlien[1][16] = '<A HREF="../Bags/Bags_Abercrombie.html" target="Frame" CLASS=menu>ABERCROMBIE</A>';
		zlien[1][17] = '<A HREF="../Bags/Bags_Mulberry.html" target="Frame" CLASS=menu>MULBERRY</A>';
		zlien[1][18] = '<A HREF="../Bags/Bags_JimmyChoo.html" target="Frame" CLASS=menu>JIMMY CHOO</A>';
		zlien[1][19] = '<A HREF="../Bags/Bags_Lancel.html" target="Frame" CLASS=menu>LANCEL</A>';
		zlien[1][20] = '<A HREF="../Bags/Bags_Celine.html" target="Frame" CLASS=menu>CELINE</A>';
		zlien[1][21] = '<A HREF="../Bags/Bags_Ferragamo.html" target="Frame" CLASS=menu>FERRAGAMO</A>';
		zlien[1][22] = '<A HREF="../Bags/Bags_Barbarossa.html" target="Frame" CLASS=menu>BARBAROSSA</A>';
		zlien[1][23] = '<A HREF="../Bags/Bags_Valentino.html" target="Frame" CLASS=menu>VALENTINO</A>';
		zlien[1][24] = '<A HREF="../Bags/Bags_Lacoste.html" target="Frame" CLASS=menu>LACOSTE</A>';
		zlien[1][25] = '<A HREF="../Bags/Bags_Givenchy.html" target="Frame" CLASS=menu>GIVENCHY</A>';
		zlien[1][26] = '<A HREF="../Bags/Bags_PaulSmith.html" target="Frame" CLASS=menu>PAUL SMITH</A>';
		zlien[1][27] = '<A HREF="../Bags/Bags_Coach.html" target="Frame" CLASS=menu>COACH</A>';
		zlien[1][28] = '<A HREF="../Bags/Bags_Marni.html" target="Frame" CLASS=menu>MARNI</A>';
		zlien[1][29] = '<A HREF="../Bags/Bags_Kooba.html" target="Frame" CLASS=menu>KOOBA</A>';
		zlien[1][30] = '<A HREF="../Bags/Bags_Sior.html" target="Frame" CLASS=menu>SIOR</A>';
		zlien[1][31] = '<A HREF="../Bags/Bags_Laptop.html" target="Frame" CLASS=menu>LAPTOP BAGS</A>';
		zlien[1][32] = '<A HREF="../Bags/Bags_Men.html" target="Frame" CLASS=menu>MEN BAGS</A>';
		zlien[1][33] = '<A HREF="../Bags/Bags_Travel.html" target="Frame" CLASS=menu>TRAVEL BAGS</A>';
		zlien[2][0] = '<A HREF="../Accessories/Accessories_Wallets.html" target="Frame" CLASS=menu>WALLETS</A>';
        zlien[2][1] = '<A HREF="../Accessories/Accessories_Pens.html" target="Frame" CLASS=menu>PENS</A>';
		zlien[2][2] = '<A HREF="../Accessories/Accessories_Agendas.html" target="Frame" CLASS=menu>AGENDAS</A>';
		zlien[2][3] = '<A HREF="../Accessories/Accessories_Umbrellas.html" target="Frame" CLASS=menu>UMBRELLAS</A>';
        zlien[2][4] = '<A HREF="../Accessories/Accessories_Watches.html" target="Frame" CLASS=menu>WATCHES</A>';
        zlien[2][5] = '<A HREF="../Accessories/Accessories_Sunglasses.html" target="Frame" CLASS=menu>SUNGLASSES</A>';
		zlien[2][6] = '<A HREF="../Accessories/Accessories_Necklaces.html" target="Frame" CLASS=menu>NECKLACES</A>';
		zlien[2][7] = '<A HREF="../Accessories/Accessories_Earrings.html" target="Frame" CLASS=menu>EARRINGS</A>';
		zlien[3][0] = '<A HREF="../Clothings/Clothings_TShirt.html" target="Frame" CLASS=menu>TSHIRT</A>';
		zlien[3][1] = '<A HREF="../Clothings/Clothings_Underwear.html" target="Frame" CLASS=menu>UNDERWEAR</A>';
		zlien[3][2] = '<A HREF="../Clothings/Clothings_Jackets.html" target="Frame" CLASS=menu>JACKETS</A>';
		zlien[3][3] = '<A HREF="../Clothings/Clothings_Belts.html" target="Frame" CLASS=menu>BELTS</A>';
		zlien[3][4] = '<A HREF="../Clothings/Clothings_Hats.html" target="Frame" CLASS=menu>HATS</A>';
		zlien[3][5] = '<A HREF="../Clothings/Clothings_Gloves.html" target="Frame" CLASS=menu>GLOVES</A>';
		zlien[3][6] = '<A HREF="../Clothings/Clothings_Scarfs.html" target="Frame" CLASS=menu>SCARFS</A>';
		zlien[3][7] = '<A HREF="../Clothings/Clothings_Socks.html" target="Frame" CLASS=menu>SOCKS</A>';
		zlien[3][8] = '<A HREF="../Clothings/Clothings_Pants.html" target="Frame" CLASS=menu>PANTS</A>';
		zlien[3][9] = '<A HREF="../Clothings/Clothings_Sweaters.html" target="Frame" CLASS=menu>SWEATERS</A>';
		zlien[3][10] = '<A HREF="../Clothings/Clothings_Overalls.html" target="Frame" CLASS=menu>OVERALLS</A>';
		zlien[4][0] = '<A HREF="../Multimedia/Multimedia_Iphone.html" target="Frame" CLASS=menu>IPHONE APPLE</A>';
		zlien[5][0] = '<A HREF="../Forum.html" target="Frame" CLASS=menu>Forum</A>';



	//ligne sacrement importante apparement universel à JS
	var nava = (document.layers);
	var dom = (document.getElementById);
	var iex = (document.all);
	
	
	
	if (nava) 
	{ 
		skn = document.topdeck 
	}
	else if (dom) 
	{ 
		skn = document.getElementById("topdeck").style 
	}
	else if (iex) 
	{ 
		skn = topdeck.style 
	}
				
	
	
	//positionne les sous menu
	skn.top = 24;
	


	// Function POP 
	function pop(msg,pos)
	{
		skn.visibility = "hidden";
		a=true
		skn.left = pos;

		// attributs graphique des menus (espacement, taille, largeur des cellule+bordure	
		var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=175><TR><TD><TABLE WIDTH=100% BORDER=1 CELLPADDING=0 CELLSPACING=1>";
		pass = 0
	
		while (pass < msg.length)
		{
			content += "<TR><TD BGCOLOR="+bgcolor+" onMouseOver=\"this.style.background='"+zgcolor[pass]+"'\"		onMouseOut=\"this.style.background='"+bgcolor+"'\" HEIGHT=20><FONT SIZE=1 FACE=\"Verdana\">  "+msg[pass]+"</FONT></TD></TR>";
				pass++;
		}
		content += "</TABLE></TD></TR></TABLE>";
		
		
		
		if (nava)
		{
			skn.document.write(content);
			skn.document.close();
			skn.visibility = "visible";
		}
		else if (dom)
		{
			document.getElementById("topdeck").innerHTML = content;
			skn.visibility = "visible";
		}
		else if (iex)
		{
			document.all("topdeck").innerHTML = content;
			skn.visibility = "visible";
		}
	
	}
	
	
	
	// Fonction KILL
	function kill()
	{
		skn.visibility = "hidden";
	}
	
	
	
	document.onclick = kill;
	
	
	
	// Déclaration des variables et des attributs du tableau ==>> DIV ID: Identification des instructions topgauche=position déclaré plus tôt,  Table border: Largeur des bordures, Cellspacing: Espacement des cellules, BG color: Définition de la couleur, Width: largeur de la liste déroulante
	document.write('<DIV ID=topgauche><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=875><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=1 WIDTH=100% HEIGHT=25><TR>')
	
	
	
	//Attribution de la première colonne de la liste déroulante ==>> Fixe une largeur de colonne de 100 (largeur du tableau = 700, 6 colonnes a 100 + la dernière colonne=700), ALIGN = alignement du texte centrer, BG color=ajout de la couleur de fond, On mouse over= Changement de la couleur quand la souris est dessus (BGcolor), popzlien= selectionne la celulle, la positionne,  fontsize= taille de la police, face=police    entre crochet= nom du menu  
	document.write('<TD WIDTH=175 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[0],0)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[0],0)" href=# CLASS=menu><FONT SIZE=1 FACE="Verdana">SHOES</FONT></a></TD>')
	
	
	
	//Attribution de la deuxième colonne de la liste déroulante
	document.write('<TD WIDTH=175 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor3+'\';pop(zlien[1],175)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[1],175)" href=# CLASS=menu><FONT SIZE=1 FACE="Verdana">BAGS</FONT></a></TD>')
	
	
	
	//Attribution de la troisième colonne de la liste déroulante
	document.write('<TD WIDTH=175 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor4+'\';pop(zlien[2],350)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[2],350)" href=# CLASS=menu><FONT SIZE=1 FACE="Verdana">ACCESSORIES</FONT></a></TD>')
	
	
	
	//Attribution de la quatrième colonne de la liste déroulante
	document.write('<TD WIDTH=175 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor5+'\';pop(zlien[3],525)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[3],525)" href=# CLASS=menu><FONT SIZE=1 FACE="Verdana">CLOTHINGS</FONT></a></TD>')
	
	
	//Attribution de la cinquième colonne de la liste déroulante
	document.write('<TD WIDTH=175 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor6+'\';pop(zlien[4],700)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[4],700)" href=# CLASS=menu><FONT SIZE=1 FACE="Verdana">MULTIMEDIA</FONT></a></TD>')
	
	
	//Fin des attributions
	document.write('</TR></TABLE></TD></TR></TABLE></DIV></div>')
