/* Daniel Fabien - webmaster@script-masters.com
*  Script Masters - http://www.script-masters.com/ 
* 
*  Menu vertical dynamique
*  Vous pouvez utilisé ce script sous reserve de conserver ce message
*/

//------------------- Options  ------------------------//
var largeurMenu = 184				// Pour régler la largeur du menu
var policeMenu = "Verdana, Geneva, Arial, Helvetica, sans-serif"			// Police pour les menus
var taillePoliceMenu = "11"			// Taille de la police du menu
var couleurPoliceMenu = "#000000"	// Couleur de la police du menu
var couleurBordure = "#000000"		// Couleur de la bordure du menu
var couleurFond = "#3F69BD"			// Couleur du fond du menu
var couleurFond2 = "#FFFFFF"		// Couleur du fond des sous menus
var couleurLienRollOver = "#000000"	// Couleur des liens lors du rollover
var couleurFondRollOver = "#B6B6B6"	// Couleur du fond sur Rollover
var subMenuDelay = 1

//------------------- Valeurs du menu  ------------------------//

// nom de chaque menu - Vous pouvz en rajouter autant que vous le souhaitez
var menu = new Array();
menu[0]="<strong><font size='-2' color='#FFFFFF' style='text-decoration:none;'>Welcome</font></strong>";
menu[1]="<strong><font size='-2' color='#FFFFFF' style='text-decoration:none;'>About Us</font></strong>";
menu[2]="<strong><font size='-2' color='#FFFFFF' style='text-decoration:none;'>Activities</font></strong>";
menu[3]="<strong><font size='-2' color='#FFFFFF' style='text-decoration:none;'>Documents</font></strong>";
menu[4]="<strong><font size='-2' color='#FFFFFF' style='text-decoration:none;'>Trade Topics</font></strong>";
menu[5]="<strong><font size='-2' color='#FFFFFF' style='text-decoration:none;'>Multimedia</font></strong>";
menu[6]="<strong><font size='-2' color='#FFFFFF' style='text-decoration:none;'>Members Area</font></strong>";

var ssmenuNom = new Array();
var ssmenuLien = new Array();
var ssmenuTarget = new Array();

// Valeurs sous le premier menu

ssmenuNom[0] = new Array();
ssmenuLien[0] = new Array();
ssmenuTarget[0] = new Array();

ssmenuNom[0][0] = "<font size='-2' color='#000000' style='text-decoration:none;'>Home Page</font>";								// Nom du lien
ssmenuLien[0][0] = "http://www.acici.org/aitic/index.html";	// Adresse
ssmenuTarget[0][0] = "_top";							// ouvrir une fenetre : _blank
														// ds la même fenetre : _top
														// ds une frame : nom de la frame

// Valeurs sous le premier menu

ssmenuNom[1] = new Array();
ssmenuLien[1] = new Array();
ssmenuTarget[1] = new Array();

ssmenuNom[1][0] = "<font size='-2' color='#000000' style='text-decoration:none;'>AITIC in Short</font>";								// Nom du lien
ssmenuLien[1][0] = "http://www.acici.org/aitic/aboutus/index.html";	// Adresse
ssmenuTarget[1][0] = "_top";							// ouvrir une fenetre : _blank
														// ds la même fenetre : _top
														// ds une frame : nom de la frame

ssmenuNom[1][1] = "<font size='-2' color='#000000' style='text-decoration:none;'>AITIC Members</font>";
ssmenuLien[1][1] = "http://www.acici.org/aitic/documents/aitic_members_table.htm";
ssmenuTarget[1][1] = "_top";

ssmenuNom[1][2] = "<font size='-2' color='#000000' style='text-decoration:none;'>AITIC's Development</font>";
ssmenuLien[1][2] = "http://www.acici.org/aitic/develop.html";
ssmenuTarget[1][2] = "_top";

ssmenuNom[1][3] = "<font size='-2' color='#000000' style='text-decoration:none;'>Vacancies</font>";
ssmenuLien[1][3] = "http://www.acici.org/aitic/vacancies.htm";
ssmenuTarget[1][3] = "_top";

ssmenuNom[1][4] = "<font size='-2' color='#000000' style='text-decoration:none;'>Contact Us</font>";
ssmenuLien[1][4] = "http://www.acici.org/aitic/contact_eng.html";
ssmenuTarget[1][4] = "_top";


// Valeurs sous le second menu - Répéter opération
ssmenuNom[2] = new Array();
ssmenuLien[2] = new Array();
ssmenuTarget[2] = new Array();

ssmenuNom[2][0] = "<font size='-2' color='#000000' style='text-decoration:none;'>AITIC Non-Residents' Unit</font>";
ssmenuLien[2][0] = "http://www.acici.org/aitic/documents/diverse/UNR_eng.html";
ssmenuTarget[2][0] = "_top";

ssmenuNom[2][1] = "<font size='-2' color='#000000' style='text-decoration:none;'>Collaboration</font>";
ssmenuLien[2][1] = "http://www.acici.org/aitic/relations.html";
ssmenuTarget[2][1] = "_top";

ssmenuNom[2][2] = "<font size='-2' color='#000000' style='text-decoration:none;'>New Ambassadors and Heads of Delegation to the WTO</font>";
ssmenuLien[2][2] = "http://www.acici.org/aitic/ambassadors.html";
ssmenuTarget[2][2] = "_top";

ssmenuNom[2][3] = "<font size='-2' color='#000000' style='text-decoration:none;'>Archives</font>";
ssmenuLien[2][3] = "http://www.acici.org/Archives/EN/2009.htm";
ssmenuTarget[2][3] = "_top";

// Valeurs sous le troisieme menu - idem
ssmenuNom[3] = new Array();
ssmenuLien[3] = new Array();
ssmenuTarget[3] = new Array();

ssmenuNom[3][0] = "<font size='-2' color='#000000' style='text-decoration:none;'>AITIC Publications</font>";
ssmenuLien[3][0] = "http://www.acici.org/aitic/documents/docs.htm";
ssmenuTarget[3][0] = "_top";

ssmenuNom[3][1] = "<font size='-2' color='#000000' style='text-decoration:none;'>AITIC Glossary</font>";
ssmenuLien[3][1] = "http://www.acici.org/aitic/glossary.htm";
ssmenuTarget[3][1] = "_top";

// Valeurs sous le troisieme menu - idem
ssmenuNom[4] = new Array();
ssmenuLien[4] = new Array();
ssmenuTarget[4] = new Array();

ssmenuNom[4][0] = "<font size='-2' color='#000000' style='text-decoration:none;'>Aid for Trade</font>";
ssmenuLien[4][0] = "http://www.acici.org/aitic/AidForTrade/index.htm";
ssmenuTarget[4][0] = "_top";

ssmenuNom[4][1] = "<font size='-2' color='#000000' style='text-decoration:none;'>Enhanced Integrated Framework</font>";
ssmenuLien[4][1] = "http://www.acici.org/aitic/EIF/index.htm";
ssmenuTarget[4][1] = "_top";

ssmenuNom[4][2] = "<font size='-2' color='#000000' style='text-decoration:none;'>AITIC Trade Portal</font>";
ssmenuLien[4][2] = "http://www.acici.org/aitic/portal/index2.html";
ssmenuTarget[4][2] = "_top";

// Valeurs sous le troisieme menu - idem
ssmenuNom[5] = new Array();
ssmenuLien[5] = new Array();
ssmenuTarget[5] = new Array();

ssmenuNom[5][0] = "<font size='-2' color='#000000' style='text-decoration:none;'>Videos</font>";
ssmenuLien[5][0] = "http://www.acici.org/aitic/videos.html";
ssmenuTarget[5][0] = "_top";

ssmenuNom[5][1] = "<font size='-2' color='#000000' style='text-decoration:none;'>Picture Gallery</font>";
ssmenuLien[5][1] = "http://www.acici.org/aitic/gallery.html";
ssmenuTarget[5][1] = "_top";

// Valeurs sous le troisieme menu - idem
ssmenuNom[6] = new Array();
ssmenuLien[6] = new Array();
ssmenuTarget[6] = new Array();

ssmenuNom[6][0] = "<font size='-2' color='#000000' style='text-decoration:none;'>Login</font>";
ssmenuLien[6][0] = "http://www.acici.org/aitic/membre.htm";
ssmenuTarget[6][0] = "_top";



//------------------- Ne rien modifié  ------------------------//
var nbMenu = menu.length;

//------------------- Rendu dynamique  ------------------------//

//On détecte le browser
var ie=document.all
var ns6=document.getElementById&&!document.all

function montreMenu(num){
	for (var i=0; i<nbMenu; i++) {
		if (ie) {
			objet = document.all["ssmenu"+i]
		} else if (ns6) {
			objet = document.getElementById("ssmenu"+i);
		}
		if (objet.style.display == ""){
			objet.style.display = "none"
		}
	}
	if (ie) {
		objet = document.all["ssmenu"+num]
	} else if (ns6) {
		objet = document.getElementById("ssmenu"+num);
	}
	if (objet.style.display == "none"){
		objet.style.display = ""	
	} 
}

function rollOver(lien) {
	lien.style.background = couleurFondRollOver;
	lien.style.color = couleurLienRollOver;
}

function rollOut(lien) {
	lien.style.background = couleurFond2;
	lien.style.color = couleurPoliceMenu;
	
}

function ouvreLien(url,mode) {
	if (mode == "_blank") {
		window.open(url)
	} else if (mode == "_top")  {
		window.top.location.href = url
	} else { 
		window.top.parent.frames[mode].location.href  = url
	}
}

//------------------- Génération du menu  ------------------------//

function generation () { 
	document.write("<style type='text/css'>"); 
	document.write("td.menu {"); 
	document.write(" font-family: "+policeMenu+";"); 
	document.write(" font-size: "+taillePoliceMenu+"px;"); 
	document.write(" color: "+couleurPoliceMenu+";"); 
	document.write(" border: 1px solid "+couleurBordure+";"); 
	document.write(" background-color: "+couleurFond+";"); 
	document.write("}"); 

	document.write("table.ssmenu {"); 
	document.write(" font-family: "+policeMenu+";"); 
	document.write(" font-size: "+taillePoliceMenu+"px;"); 
	document.write(" color: "+couleurPoliceMenu+";"); 
	document.write(" border: 1px solid "+couleurBordure+";"); 
	document.write(" background-color: "+couleurFond2+";"); 
	document.write("}"); 
	document.write("</style>"); 

	document.write("<table width='"+largeurMenu+"' border='0' cellspacing='0' cellpadding='3'>"); 
	//1ere boucle 
	for (i=0; i<nbMenu; i++) { 
		document.write("<tr>"); 
		document.write("<td onMouseOver='montreMenu("+i+")' style='cursor:hand' class='menu'>"+menu[i]+"</td>"); 
		document.write("</tr>"); 
		document.write("<tr style='display:none' id='ssmenu"+i+"'>"); 
		document.write("<td>"); 
		//<!--Un espace--> 
		document.write("<table width='"+largeurMenu+"' border='0' cellspacing='0' cellpadding='0'>"); 
		document.write("<tr>"); 
		document.write("<td width='2'></td>"); 
		document.write("</tr>"); 
		document.write("</table>"); 
		//<!--Le sous menu--> 
		document.write("<table width='"+largeurMenu+"' border='0' cellspacing='0' cellpadding='0' class='ssmenu'>"); 
		// seconde boucle 
		for (z=0; z<ssmenuNom[i].length; z++) { 
			document.write("<tr>"); 
			document.write("<td onMouseOver='rollOver(this)' onMouseOut='rollOut(this)' onClick='ouvreLien(\""+ssmenuLien[i][z]+"\",\""+ssmenuTarget[i][z]+"\")' style='cursor:hand'>"+ssmenuNom[i][z]+"</td>");						
			document.write("</tr>"); 
		//fin seconde boucle 
		} 
		document.write("</table>"); 
		document.write("</td>"); 
		document.write("</tr>"); 
		document.write("<tr>"); 
		document.write("<td width='2'></td>"); 
		document.write("</tr>"); 
		// fin 1 ere boucle 
	} 
	document.write("</table>"); 
} 
