ct_menu = -1;
ct_ssmenu = 0;
valMenu = new Array();
valSsMenu = new Array();
valSsMenuLien = new Array();
valSsMenuCible = new Array();
valSsMenuExtra = new Array();	
menu_last_open = '';

// un nouveau menu on remet à zero le compteur de sous menu..
// on fait les array...
function New_Menu(titre) {
        ct_menu++;
	valMenu[ct_menu] = titre;
	valSsMenu[ct_menu] = new Array();
	valSsMenuLien[ct_menu] = new Array();
	valSsMenuCible[ct_menu] = new Array();
	valSsMenuExtra[ct_menu] = new Array();
	ct_ssmenu = 0;
}
// le nom du lien, url, target
// vive les tablos ...
function Add_Menu(type) {
	nom = ( arguments[0] ) ? arguments[0] : '';
	url = ( arguments[1] ) ? arguments[1]  : '';
	targ = ( arguments[2] ) ?  arguments[2] : '';
	extra = ( arguments[3] ) ?  arguments[3] : '';

	valSsMenu[ct_menu][ct_ssmenu] =  new Array();
	valSsMenuLien[ct_menu][ct_ssmenu] =  new Array(); 
	valSsMenuCible[ct_menu][ct_ssmenu] = new Array(); 
	valSsMenuExtra[ct_menu][ct_ssmenu] = new Array();
	valSsMenu[ct_menu][ct_ssmenu] =  nom;
	valSsMenuLien[ct_menu][ct_ssmenu] =  url;
	valSsMenuCible[ct_menu][ct_ssmenu] =  targ;
	valSsMenuExtra[ct_menu][ct_ssmenu] = extra;
	ct_ssmenu++;
}

function generationMenu(type) {
	setMenuTimeout = 'st';
	tmp_menu = '';
	widthMenu = ( arguments[0] ) ? arguments[0] : 400;
	heightMenu = ( arguments[1] ) ? arguments[1] : 20;
	cssClass  = ( arguments[2] ) ? arguments[2] : 'menu';
	nom_menu= cssClass;
	// fixouille
	widthSsMenu = (arguments[3]) ? arguments[3] : 120;  // largeur du sous menu
	menu_spacer= (arguments[4]) ? arguments[4] : 0; // pour fixer les espacement entre cellulles ...
	menuTimeout = (arguments[5]) ? arguments[5] : 25; // pour fixer le delai de fermeture des menus ...
	cellspacing = ( arguments[6] ) ? arguments[6] : 0;
	
	nbMenu = ct_menu + 1;
	cssClass = ( cssClass ) ? cssClass: 'menu';
	tailleCellule = Math.round(widthMenu / nbMenu); 
	// Affichage du menubarder
	tmp_menu += "<TABLE  width='85%'  class='" + cssClass  + "' border='0' cellpadding='0' cellspacing='"+cellspacing+"'><TR valign=\"top\" >";
	for (i=0;i<nbMenu;i++) {
		tmp_menu += "<TD  id=\"" +nom_menu + i + "\" class=\"" + cssClass  + "\" onMouseOut=\"timeClose('ssMenu_" + nom_menu + i +"','" + menuTimeout +"')\" onMouseOver=\"javascript:changeMenu('ssMenu_" + nom_menu + i +"');menu_clear_timer();\"  onClick=\"changeMenu('ssMenu_" + nom_menu + i +"')\">"+ valMenu[i] + "</TD>";
	}
	tmp_menu += "</TR></TABLE>";
	//on met un petit élement pour jouer avec ...
	tmp_menu += "<DIV style=\"position:relative;height:0px;overflow:visible;\">";
	tmp_menu += mk_menu(cssClass);
	tmp_menu += '</DIV>';
	document.write(tmp_menu);
	
	// on remet les chose dans l'état d'origine pour les autres menu
	ct_menu = -1;
	ct_ssmenu = 0;
	valMenu = new Array();
	valSsMenu = new Array();
	valSsMenuLien = new Array();
	valSsMenuCible = new Array();
	valSsMenuExtra = new Array();	
}

function mk_menu(cssClass) {
	var newTable="";
	var Cellpos = 0;
	for (i=0;i<valSsMenu.length;i++) {
		// on calcul la position du menu 
		Cellpos= ( i * tailleCellule ) + menu_spacer;
		// fix le dèbordement de l'élément qui le contient (dernier menu)
		if ( (Cellpos + widthSsMenu ) >= widthMenu ) {
			Cellpos = widthMenu - ( widthSsMenu + menu_spacer );
		}
		if ( valSsMenu[i].length > 0 ) {
			newTable += "<DIV id=\"ssMenu_" + nom_menu + i +"\" class=\"" + cssClass  + "\" onMouseOver=\"menu_clear_timer()\" onMouseOut=\"timeClose('ssMenu_"+ nom_menu + i +"','" + menuTimeout +"')\"  style=\"width:"+ widthSsMenu +"px;position:absolute;visibility:hidden;left:"  + Cellpos +"px;top:0px;\">";
			for (z=0;z<valSsMenu[i].length;z++) {
				// On affiche les liens
			
					
					newTable += "<a style=\"display:block;\" href=\""+valSsMenuLien[i][z]+" \" class=\"" + cssClass  + "\"  " +  valSsMenuExtra[i][z]  + " target='"+ valSsMenuCible[i][z] +"' >"+ valSsMenu[i][z] + "</a>";
			}
			newTable += "</DIV>";
		}
	}
	return newTable;
}

function changeMenu(this_menu){
	// montre le menu et cache l'ancien
	document.getElementById(this_menu).style.visibility = "visible";
	if ( menu_last_open != '' ) {
		suppMenu(menu_last_open) 
	}
	document.getElementById(this_menu).style.visibility = "visible";
	menu_last_open = this_menu;
}

function suppMenu(this_menu) {
	// cache le menu
	document.getElementById(this_menu).style.visibility = "hidden";
}

function timeClose(this_menu,this_menuTimeout) {
	setMenuTimeout=setTimeout("suppMenu(\"" + this_menu+"\")", this_menuTimeout);
}
function menu_clear_timer() {
	if ( setMenuTimeout != 'st' ) {
		clearTimeout(setMenuTimeout);
	}
}
// ######## CONFIGURER A PARTIR D'ICI ##########
// pour créer un nouveau menu déroulant
// procéder dans cette ordre
// les menu se créer automatiquement en fonction de la longueur de la barre
// il n'ya pas de limite ... 

// exemple
//  créer un nouveau menu
// 	 New_Menu("nom du menu");
New_Menu("<a href='index.html'> Home - </a>"); 
New_Menu("<a href='about.html'>About us - </a>"); 
New_Menu("<a href='projects.html'>Recent projects - </a>"); 
New_Menu("Products -"); 
	// créer un sous menu
	//	Add_Menu("texte"," l'url "," la cible _self _BLANK...",'code optionnelle pas nécéssaire'); 
	Add_Menu("Alarm","alarms.html","_self"); 
	Add_Menu("Access Control","access.html","_self"); 
	Add_Menu("Biometric","biometric.html","_self","_self");
	Add_Menu("CCTV","cctv.html","_self"); 
	Add_Menu("Monitoring","monitoring.html","_self");
	Add_Menu("Intercom","intercoms.html","_self");
New_Menu("<a href='specials.html'>Specials - </a>"); 
New_Menu("<a href='monitoring.html'>Monitoring - </a>"); 
New_Menu("<a href='contact.php'>Contact</a>");