menu = new Array();
lienBottomFrame = new Array();
lienTopFrame = new Array();
sousmenu = new Array();

var aStyle= "color: #FFFFFF;font-family: Arial, Helvetica, sans-serif;font-size : 12px;text-decoration : none;";
var sousMenuStyle= "color: #FFFFFF;font-family: Arial, Helvetica, sans-serif;font-size : 10px;text-decoration : none;";

imgNormal = new Array('fleche_actu_off.gif','fleche_terri_off.gif','fleche_projet_off.gif','fleche_instit_off.gif','fleche_mission_off.gif','fleche_partenaires_off.gif');
imgSelection = new Array('fleche_actu_on.gif','fleche_terri_on.gif','fleche_projet_on.gif','fleche_instit_on.gif','fleche_mission_on.gif','fleche_partenaires_on.gif');
pathImage = 'images/menu/'

menu[0] = 'MPM';
sousmenu[0]= new Array('La métropole','Les 18 communes');
lienBottomFrame[0] = new Array('TER00_frame.htm','TER01_frame.html');
lienTopFrame[0] = new Array('bandeau_Actus_et_General.htm');

menu[1] = 'L\'institution';
sousmenu[1]=new Array('Les instances politiques','Les élus','Les dates clefs','Les élections','Budget et investissements','Les recrutements');
lienBottomFrame[1] = new Array('INS01_frame.html','INS02_frame.html','INS04_frame.html','INS06_frame.html','INSbudget_frame.html','ACT02_frame.html');
lienTopFrame[1] = new Array('bandeau_Institution.htm','bandeau_Institution.htm','bandeau_Institution.htm','bandeau_Institution.htm','bandeau_Institution.htm','bandeau_Institution.htm');

menu[2] = 'Nos missions';
sousmenu[2]=new Array('Présentation','Le développement économique','Les ports de plaisance','Les transports','Voirie et signalisation','L\'habitat et la politique de la ville','L\'aménagement et l\'urbanisme','L\'eau et l\'assainissement','La collecte et le traitement des déchets','L\'air et le bruit');
lienBottomFrame[2] = new Array('MIS01_frame.html','MIS02_frame.html','MIS03_frame.html','MIS04_frame.html','MIS05_frame.html','MIS06_frame.html','MIS06b_frame.html','MIS07_frame.html','MIS08_frame.html','MIS09_frame.html');
lienTopFrame[2] = new Array('bandeau_Actus_et_General.htm','bandeau_dev_eco.htm','bandeau_ports_de_plaisance.htm','bandeau_transports.htm','bandeau_voirie.htm','bandeau_habitat.htm','bandeau_grands_projets.htm','bandeau_eau.htm','bandeau_collecte.htm','bandeau_Institution.htm');

menu[3] = 'Investisseurs';
sousmenu[3]=new Array('Accueil investisseurs');
lienBottomFrame[3] = new Array('INV01_frame.html');
lienTopFrame[3] = new Array('bandeau_Actus_et_General.htm');

menu[4] = 'Fonds européens';
sousmenu[4]= new Array('La politique européenne','les programmes','les projets');
lienBottomFrame[4] = new Array('EUR01_frame.html','EUR02_frame.html','EUR03_frame.html');
lienTopFrame[4] = new Array('bandeau_Europe.htm','bandeau_Europe.htm','bandeau_Europe.htm');

menu[5] = 'Marchés publics';
sousmenu[5]= new Array('Appels d\'offres et procédures adaptées');
lienBottomFrame[5] = new Array('https://marches.local-trust.com/marseille-provence');
lienTopFrame[5] = new Array('bandeau_Actus_et_General.htm');


position = -1;

var pageInTopFrame = '';

var couleurOver = '#f79a31';
var couleurOut = '#999999';
var bgcolorTable = '';
var colorTR = '#999999';
var showSousMenu = true;


function redirection(numMenu , numSousMenu ) {

   //if (lienTopFrame[numMenu][numSousMenu] != pageInTopFrame) {
   //   pageInTopFrame = lienTopFrame[numMenu][numSousMenu];
   //   window.open(pageInTopFrame, 'hautMPM');
   //}
   window.open(lienBottomFrame[numMenu][numSousMenu], 'centre');

}

var colorChange = true;
var numCells = 0;
var clicSousMenu = false;
function changeCouleur (thiss, bool, coul) {
 if (IEBrowser) {
   var obj;
   if (bool != null) {
      if (bool && !colorChange){
         obj = eval(numCells);
         obj.style.background = couleurOut;
      }
      colorChange = bool;
   }
   if (colorChange) {
      numCells = thiss.id;
      thiss.style.background = coul;
   }
 }
 /*
 else {
   var obj = document.layers["NS"].document['sous1'];
   obj.bgcolor = coul;
 }
 */
}
var browserName = navigator.appName;
var IEBrowser = true;
if (browserName == "Netscape") {
   IEBrowser = false;
   //document.layers['NS'].document.captureEvents(Event.CLICK | Event.MOUSEMOVE | Event.MOUSEOUT);
}

function affiche_sousmenu(pos , couleur) {
   for (var i = 0; i < sousmenu[pos].length; i ++) {
      affichage += "<TR bgcolor='"+colorTR+"'>";
      affichage += "<TD id='sous"+i+"' style='"+sousMenuStyle+";cursor:hand' onClick=\"clicSousMenu=true;changeCouleur(this,false,'"+couleurOver+"');redirection('"+ pos +"','"+ i +"');\" onMouseOut=\"changeCouleur(this,null,'"+couleur+"');\" onMouseOver=\"changeCouleur(this,true,'"+couleurOver+"')\">";
      if (!IEBrowser) {
         affichage += "<A HREF='#' ";
		   affichage += "style='"+sousMenuStyle+"' ";
         affichage += "onClick=\"changeCouleur(this,false,'"+couleurOver+"');redirection('"+ pos +"','"+ i +"');\"";
         affichage += " onMouseOut=\"changeCouleur(this,null,'"+couleur+"');\" onMouseOver=\"changeCouleur(this,true,'"+couleurOver+"')\">";
         affichage += sousmenu[pos][i] + "</A>";
      }
      else
         affichage += sousmenu[pos][i];

      affichage += "</TD></TR>";
   }

}

function show_image(voir, pos){
  var obj;
  if (!IEBrowser)
    obj = eval("document.layers['NSMenuDiv'].document.images['image"+pos+"']");
  else
    obj = eval("document.images['image"+pos+"']");
    
  if (voir)
      obj.src = pathImage+imgNormal[pos];
  else
      obj.src = pathImage+imgSelection[pos];

}
function mouseOver (pos) {
   position= pos;
   if (showSousMenu)  menu_draw();
   showSousMenu = false;
   show_image(false, pos);
}

function clickMenu (pos) {
   position= -1;
   if (showSousMenu)  menu_draw();
   showSousMenu = false;
   show_image(false, pos);
}


var clic = false;
function mouseOut (pos) {
   if (showSousMenu) show_image(true, pos);
   if (!clic) {position=-1;menu_draw();}
   showSousMenu = true;
}

function mouseOutSousMenu (pos) {
   if (showSousMenu) show_image(true, pos);
   showSousMenu = true;
}

function menu_draw() {
	affichage = "<TABLE BORDER='0' BGCOLOR='"+bgcolorTable+"' CELLPADDING='3' CELLSPACING='1' WIDTH='160'>";
   for(a=0;a<menu.length;a++)	{

		if (menu[a]!=null) {
         if (position == a || !document.getElementById) bgcolor = couleurOut;// couleur quand on passe dessus
			else	bgcolor = colorTR; // couleur quand on passe pas desssus

			if(document.getElementById || document.layers ) {

            if ( sousmenu[a] == null ) {
				   if(position == a ) {
                  affichage += "<TR bgcolor= '" + couleurOver + "'>";
               }
               else
                  affichage += "<TR>";
				   
				   //affichage += "<TD style='"+aStyle+"' onClick=\"javascript:clic=true;redirection('"+ a +"','0');\" style=\"cursor:hand\" onMouseOut=\"mouseOut('"+a+"');clic=false;\" onMouseOver=\"mouseOver('"+a+"');\">";
				   affichage += "<TD style='"+aStyle+"' onClick=\"javascript:clic=true;clickMenu('"+a+"');redirection('"+ a +"','0');\" style=\"cursor:hand\">";
               if (!IEBrowser) {
                  affichage += "<A HREF='#' ";
	   			   affichage += "style='"+aStyle+"' ";
		   		   affichage += " onClick=\"javascript:redirection('"+ a +"','0');\" ";
				      affichage += " onMouseOut=\"mouseOut('"+a+"');\" onMouseOver=\"mouseOver('"+a+"');\"";
				      affichage += ">";
                  affichage += "<IMG NAME='image" + a + "' BORDER='0' SRC='"+pathImage+imgNormal[a]+"'>&nbsp;"+menu[a];
   				   affichage += "</A>";
               }
               else
                  affichage += "<IMG NAME='image" + a + "' BORDER='0' SRC='"+pathImage+imgNormal[a]+"'>&nbsp;"+menu[a];

               affichage += "</TD></TR>";
            }
            else {
				   if(position == a ) {
                  affichage += "<TR bgcolor='"+colorTR+"'>";
               }
               else
                  affichage += "<TR>";
               if (IEBrowser) {
   				   affichage += "<TD ID='menu"+a+"' style='cursor:hand' onMouseOut=\"mouseOutSousMenu('"+a+"');\" onClick=\"mouseOver('"+a+"');\">";
  	   			   affichage += "<A ID='menu"+a+"' HREF='#' onMouseOut=\"mouseOutSousMenu('"+a+"');\" onClick=\"mouseOver('"+a+"');\"";
               }
               else {
   				   affichage += "<TD ID='menu"+a+"' style='cursor:hand' onMouseOut=\"mouseOutSousMenu('"+a+"');\" onMouseOver=\"mouseOver('"+a+"');\">";
  	   			   affichage += "<A ID='menu"+a+"' HREF='#' onMouseOut=\"mouseOutSousMenu('"+a+"');\" onMouseOver=\"mouseOver('"+a+"');\"";
               }
   			   affichage += "style='"+aStyle+"' ";
  				   affichage += ">";
  				   affichage += "<IMG NAME='image" + a + "' BORDER='0' SRC='"+pathImage+imgNormal[a]+"'/>&nbsp;"+menu[a];
  				   affichage += "</A>";
   				affichage += "</TD></TR>";
            }


	      }
			else {
            affichage += "<TR><TD BGCOLOR="+bgcolor+">"+menu[a]+"</TD></TR>";
	      }

			if(position == a || (!document.getElementById && !document.layers) ) {
            if ( sousmenu[a] != null )
               affiche_sousmenu(a,colorTR);
         }

		}
	}

	affichage += "</TABLE>";
	if (document.getElementById ) {
           //if (document.getElementById('IEMenuDiv') != null )
              document.getElementById('IEMenuDiv').innerHTML = affichage;
        }
	else {
             mylayer = new DynLayer('NSMenuDiv');
             mylayer.write(affichage);
        }
   
}

menu_draw();