var timeout    = 500;
var closetimer = 0;
var ddmenuitem = 0;

var newDiv;
var parentDiv;
var parent;
var subMenuName;

function jsddm_open()
{  jsddm_canceltimer();
   jsddm_close();
   ddmenuitem = $(this).find('ul').css('visibility', 'visible');}

function jsddm_close()
{  if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}

function jsddm_timer()
{  closetimer = window.setTimeout(jsddm_close, timeout);}

function jsddm_canceltimer()
{  if(closetimer)
   {  window.clearTimeout(closetimer);
      closetimer = null;}}

document.onclick = jsddm_close;
	
	function createMenu(element){
		/* Creating the parent <ul> element for the menu*/
		newDiv = $('<ul></ul>');
		newDiv.attr("id","jsddm");
		newDiv.appendTo(element);
		parent = newDiv;
		
		/*Creating submenu 1*/
		subMenuName = "Avantages<br>aux salari&eacute;s"; // aux salari&eacute;s
		parentDiv = createMenuName(parent,subMenuName); 
				
			/*element 1 of submenu1*/
			newDiv = createLi("Ch&egrave;ques services","boutique.php?cat=40&catsb=41");
			newDiv.appendTo(parentDiv);
	
			/*element 2 of submenu1*/
			newDiv = createLi("Distribution Automatique","boutique.php?cat=40&catsb=42");
			newDiv.appendTo(parentDiv);
	
			/*element 3 of submenu1*/
			newDiv = createLi("Dvdth&egrave;que","boutique.php?cat=40&catsb=45");
			newDiv.appendTo(parentDiv);
	
			/*element 4 of submenu1*/
			newDiv = createLi("Labos-photos","boutique.php?cat=40&catsb=44");
			newDiv.appendTo(parentDiv);
	
			/*element 5 of submenu1*/
			newDiv = createLi("Restauration collective","boutique.php?cat=40&catsb=43");
			newDiv.appendTo(parentDiv);

		/*##########submenu ends##################################################*/
		
		/*Creating submenu 2*/
		subMenuName = "Fonctionnement<br>du CE";
		parentDiv = createMenuName(parent,subMenuName);
				
			/*element 1 of submenu1*/
			newDiv = createLi("Avocats","boutique.php?cat=70&catsb=81"); 
			newDiv.appendTo(parentDiv);
	
			/*element 2 of submenu1*/
			newDiv = createLi("Communication du CE","boutique.php?cat=70&catsb=74");
			newDiv.appendTo(parentDiv);
			
			/*element 4 of submenu1*/
			newDiv = createLi("Conseils aux &eacute;lus","boutique.php?cat=70&catsb=79");
			newDiv.appendTo(parentDiv);
	
			/*element 4 of submenu1*/
			newDiv = createLi("Expertise comptable","boutique.php?cat=70&catsb=80");
			newDiv.appendTo(parentDiv);
	
			/*element 4 of submenu1*/
			newDiv = createLi("Formation du CE","boutique.php?cat=70&catsb=72");
			newDiv.appendTo(parentDiv);
	
			/*element 4 of submenu1*/
			newDiv = createLi("Fournitures et mobilier de bureau","boutique.php?cat=70&catsb=75");
			newDiv.appendTo(parentDiv);
	
			/*element 4 of submenu1*/
			newDiv = createLi("Internet/Intranet","boutique.php?cat=70&catsb=78");
			newDiv.appendTo(parentDiv);
	
			/*element 4 of submenu1*/
			newDiv = createLi("Logiciel du CE","boutique.php?cat=70&catsb=77");
			newDiv.appendTo(parentDiv);
	
			/*element 4 of submenu1*/
			newDiv = createLi("Manifestation d&eacute;di&eacute;es aux CE","boutique.php?cat=70&catsb=93");
			newDiv.appendTo(parentDiv);
	
			/*element 4 of submenu1*/
			newDiv = createLi("Presse documentation","boutique.php?cat=70&catsb=71");
			newDiv.appendTo(parentDiv);
	
			/*element 4 of submenu1*/
			newDiv = createLi("Pv de r&eacute;union / Elections du CE","boutique.php?cat=70&catsb=73");
			newDiv.appendTo(parentDiv);
	
			/*element 4 of submenu1*/
			newDiv = createLi("Sites Internet sp&eacute;cialis&eacute;s CE","boutique.php?cat=70&catsb=82");
			newDiv.appendTo(parentDiv);

		/*##########submenu ends##################################################*/
		
		/*Creating submenu 3*/
		subMenuName = "Missions<br>&eacute;conomiques"; // du CE
		parentDiv = createMenuName(parent,subMenuName);

			/*element 1 of submenu1*/
			newDiv = createLi("Assurances","boutique.php?cat=64&catsb=69"); 
			newDiv.appendTo(parentDiv);
	
			/*element 2 of submenu1*/
			newDiv = createLi("Banques","boutique.php?cat=64&catsb=65");
			newDiv.appendTo(parentDiv);
			
			/*element 4 of submenu1*/
			newDiv = createLi("Epargne salariale","boutique.php?cat=64&catsb=66");
			newDiv.appendTo(parentDiv);
	
			/*element 4 of submenu1*/
			newDiv = createLi("Mutuelles","boutique.php?cat=64&catsb=68");
			newDiv.appendTo(parentDiv);
	
			/*element 4 of submenu1*/
			newDiv = createLi("Prevoyance","boutique.php?cat=64&catsb=67");
			newDiv.appendTo(parentDiv);

		/*##########submenu ends##################################################*/

		/*Creating submenu 2*/
		subMenuName = "No&euml;l et f&ecirc;tes<span style=\"color:#999;\"><br>...</span>";
		parentDiv = createMenuName(parent,subMenuName);

			/*element 1 of submenu1*/
			newDiv = createLi("Alcools, spiritueux","boutique.php?cat=31&catsb=38"); 
			newDiv.appendTo(parentDiv);
	
			/*element 2 of submenu1*/
			newDiv = createLi("Arbre de No&euml;l","boutique.php?cat=31&catsb=33");
			newDiv.appendTo(parentDiv);
			
			/*element 4 of submenu1*/
			newDiv = createLi("Cadeaux","boutique.php?cat=31&catsb=36");
			newDiv.appendTo(parentDiv);
	
			/*element 4 of submenu1*/
			newDiv = createLi("Ch&egrave;ques-cadeaux","boutique.php?cat=31&catsb=37");
			newDiv.appendTo(parentDiv);
	
			/*element 4 of submenu1*/
			newDiv = createLi("Chocolats, confiseries, biscuiterie","boutique.php?cat=31&catsb=39");
			newDiv.appendTo(parentDiv);
	
			/*element 4 of submenu1*/
			newDiv = createLi("Colis gourmands","boutique.php?cat=31&catsb=32");
			newDiv.appendTo(parentDiv);
	
			/*element 4 of submenu1*/
			newDiv = createLi("Jouets","boutique.php?cat=31&catsb=34");
			newDiv.appendTo(parentDiv);
	
			/*element 4 of submenu1*/
			newDiv = createLi("Vins et champagnes","boutique.php?cat=31&catsb=35");
			newDiv.appendTo(parentDiv);

		/*##########submenu ends##################################################*/

		/*Creating submenu 2*/
		subMenuName = "S&eacute;jours<br>en France";
		parentDiv = createMenuName(parent,subMenuName);
				
			/*element 1 of submenu1*/
			newDiv = createLi("Comit&eacute; d&eacute;partemental du tourisme","boutique.php?cat=13&catsb=16"); 
			newDiv.appendTo(parentDiv);
	
			/*element 2 of submenu1*/
			newDiv = createLi("H&ocirc;tellerie de plein air","boutique.php?cat=13&catsb=14");
			newDiv.appendTo(parentDiv);
			
			/*element 4 of submenu1*/
			newDiv = createLi("Sports d'hiver","boutique.php?cat=13&catsb=18");
			newDiv.appendTo(parentDiv);
	
			/*element 4 of submenu1*/
			newDiv = createLi("Thalassoth&eacute;rapie, soin du corps","boutique.php?cat=13&catsb=17");
			newDiv.appendTo(parentDiv);
	
			/*element 4 of submenu1*/
			newDiv = createLi("Tourisme fluvial","boutique.php?cat=13&catsb=15");
			newDiv.appendTo(parentDiv);
	
		/*##########submenu ends##################################################*/

		/*Creating submenu 2*/
		subMenuName = "Services<br>aux salari&eacute;s";
		parentDiv = createMenuName(parent,subMenuName);
				
			/*element 4 of submenu1*/
			newDiv = createLi("Automobile","boutique.php?cat=46&catsb=48");
			newDiv.appendTo(parentDiv);
	
			/*element 4 of submenu1*/
			newDiv = createLi("Bijoux","boutique.php?cat=46&catsb=");
			newDiv.appendTo(parentDiv);
	
			/*element 4 of submenu1*/
			newDiv = createLi("Billetterie cin&eacute;ma","boutique.php?cat=46&catsb=51");
			newDiv.appendTo(parentDiv);
	
			/*element 4 of submenu1*/
			newDiv = createLi("Billetterie spectacles","boutique.php?cat=46&catsb=50");
			newDiv.appendTo(parentDiv);
	
			/*element 4 of submenu1*/
			newDiv = createLi("Cosm&eacute;tiques","boutique.php?cat=46&catsb=94");
			newDiv.appendTo(parentDiv);
	
			/*element 4 of submenu1*/
			newDiv = createLi("Equipement de la maison","boutique.php?cat=46&catsb=47");
			newDiv.appendTo(parentDiv);
	
			/*element 4 of submenu1*/
			newDiv = createLi("Livres, Cd, Dvd","boutique.php?cat=46&catsb=49");
			newDiv.appendTo(parentDiv);

			/*element 1 of submenu1*/
			newDiv = createLi("Mode & Accessoires","boutique.php?cat=46&catsb=53"); 
			newDiv.appendTo(parentDiv);
	
			/*element 2 of submenu1*/
			newDiv = createLi("Optique","boutique.php?cat=46&catsb=56");
			newDiv.appendTo(parentDiv);
			
			/*element 4 of submenu1*/
			newDiv = createLi("Parfums & produits de beaut&eacute;","boutique.php?cat=46&catsb=54");
			newDiv.appendTo(parentDiv);
	
			/*element 4 of submenu1*/
			newDiv = createLi("Remise en forme, produits bio","boutique.php?cat=46&catsb=52");
			newDiv.appendTo(parentDiv);

		/*##########submenu ends##################################################*/

		/*Creating submenu 2*/
		subMenuName = "Sorties et<br>soir&eacute;es"; // et
		parentDiv = createMenuName(parent,subMenuName);
				
			/*element 1 of submenu1*/
			newDiv = createLi("Cabarets, th&eacute;&acirc;tres","boutique.php?cat=57&catsb=59"); 
			newDiv.appendTo(parentDiv);
	
			/*element 2 of submenu1*/
			newDiv = createLi("Mus&eacute;es & ch&acirc;teaux","boutique.php?cat=57&catsb=58");
			newDiv.appendTo(parentDiv);
			
			/*element 4 of submenu1*/
			newDiv = createLi("Organisation de soir&eacute;es","boutique.php?cat=57&catsb=62");
			newDiv.appendTo(parentDiv);
	
			/*element 4 of submenu1*/
			newDiv = createLi("Parcs de loisirs","boutique.php?cat=57&catsb=60");
			newDiv.appendTo(parentDiv);
	
			/*element 4 of submenu1*/
			newDiv = createLi("Salles de r&eacute;ception","boutique.php?cat=57&catsb=63");
			newDiv.appendTo(parentDiv);
	
			/*element 4 of submenu1*/
			newDiv = createLi("Sorties sportives","boutique.php?cat=57&catsb=61");
			newDiv.appendTo(parentDiv);
		/*##########submenu ends##################################################*/

		/*Creating submenu 2*/
		subMenuName = "Vacances<span style=\"color:#999;\"><br>...</span>";
		parentDiv = createMenuName(parent,subMenuName);
				
			/*element 1 of submenu1*/
			newDiv = createLi("Cha&icirc;nes h&ocirc;telleri&egrave;res","boutique.php?cat=25&catsb=27"); 
			newDiv.appendTo(parentDiv);
	
			/*element 2 of submenu1*/
			newDiv = createLi("Location, immobilier de loisirs","boutique.php?cat=25&catsb=28");
			newDiv.appendTo(parentDiv);
			
			/*element 4 of submenu1*/
			newDiv = createLi("S&eacute;jours linguistiques","boutique.php?cat=25&catsb=30");
			newDiv.appendTo(parentDiv);
	
			/*element 4 of submenu1*/
			newDiv = createLi("Vacances jeunes","boutique.php?cat=25&catsb=29");
			newDiv.appendTo(parentDiv);
	
			/*element 4 of submenu1*/
			newDiv = createLi("Villages de vacances","boutique.php?cat=25&catsb=");
			newDiv.appendTo(parentDiv);

		/*##########submenu ends##################################################*/

		/*Creating submenu 2*/
		subMenuName = "Voyages<span style=\"color:#999;\"><br>...</span>";
		parentDiv = createMenuName(parent,subMenuName);
				
			/*element 1 of submenu1*/
			newDiv = createLi("Croisi&egrave;res","boutique.php?cat=19&catsb=22"); 
			newDiv.appendTo(parentDiv);
	
			/*element 2 of submenu1*/
			newDiv = createLi("Longs courriers","boutique.php?cat=19&catsb=24");
			newDiv.appendTo(parentDiv);
			
			/*element 4 of submenu1*/
			newDiv = createLi("Moyens courriers","boutique.php?cat=19&catsb=23");
			newDiv.appendTo(parentDiv);
	
			/*element 4 of submenu1*/
			newDiv = createLi("Offices de tourlsme","boutique.php?cat=19&catsb=20");
			newDiv.appendTo(parentDiv);
	
			/*element 4 of submenu1*/
			newDiv = createLi("Week-end","boutique.php?cat=19&catsb=21");
			newDiv.appendTo(parentDiv);

		/*##########submenu ends##################################################*/

		/*Creating submenu 2*/
		subMenuName = "<span style=\"color:#F30;\">VIP</span><span style=\"color:#999;\"><br>...</span>";
		parentDiv = createMenuNameUrl(parent,subMenuName,"boutique.php?vip=1");

		/*##########submenu ends##################################################*/

		/*Creating submenu 2*/
		subMenuName = "Tout savoir<br>sur le CE"; /*<span style=\"color:#999;\"><br>...</span>*/
		parentDiv = createMenuNameUrl(parent,subMenuName,"about_us.php");

		/*##########submenu ends##################################################*/

		$('#jsddm > li').bind('mouseover', jsddm_open)
		$('#jsddm > li').bind('mouseout',  jsddm_timer)
	}
	
	function createMenuName(thisParent,name){ // Bouton catégorie avec sous-menu
		var newDiv = createLi(name,"#");
		newDiv.appendTo(thisParent);
		var parentDiv = newDiv;
		newDiv = $('<ul></ul>');  
		newDiv.appendTo(parentDiv);
		return newDiv;
	}
	
	function createMenuNameUrl(thisParent,name,urlLink){ // Bouton catégorie sans sous-menu avec lien
		var newDiv = createLi(name,urlLink);
		newDiv.appendTo(thisParent);
		var parentDiv = newDiv;
		newDiv = $('<ul></ul>');  
		newDiv.appendTo(parentDiv);
		return newDiv;
	}
	
	function createLi(name,url){
		var parentDiv;
		var newDiv;
		parentDiv = $('<li></li>');
		newDiv = $('<a>' +name+ '</a>');
		newDiv.attr('href',url);
		newDiv.appendTo(parentDiv);
		return parentDiv;
	}

