function displayMenu(indexOn){
	var img = document.getElementById("img" + indexOn);
	if (document.images) {
        img1off = new Image();
		if(indexOn == 1){
			img.src = img1off.src = "../interieur/menu2/profilOn.png";
		}else{
			img1off.src = "../interieur/menu2/profilOff.png";
		}
        img1on = new Image();
        img1on.src = "../interieur/menu2/profilOn.png";
		
		img2off = new Image();
		if(indexOn == 2){
			img.src = img2off.src = "../interieur/menu2/servicesOn.png";
		}else{
			img2off.src = "../interieur/menu2/servicesOff.png";
		}
        img2on = new Image();
        img2on.src = "../interieur/menu2/servicesOn.png";
		
        img3off = new Image();
		if(indexOn == 3){
			img.src = img3off.src = "../interieur/menu2/crmOn.png";
		}else{
			img3off.src =  "../interieur/menu2/crmOff.png";
		}
        img3on = new Image();
        img3on.src = "../interieur/menu2/crmOn.png";
		
		img4off = new Image();
		if(indexOn == 4){
			img.src = img4off.src = "../interieur/menu2/forageOn.png";
		}else{
			img4off.src = "../interieur/menu2/forageOff.png";
		}        
        img4on = new Image();
        img4on.src = "../interieur/menu2/forageOn.png";
		
		img5off = new Image();
		if(indexOn == 5){
			img.src = img5off.src = "../interieur/menu2/clientsOn.png";
		}else{
			img5off.src = "../interieur/menu2/clientsOff.png";
		}        
        img5on = new Image();
        img5on.src = "../interieur/menu2/clientsOn.png";
		
		img6off = new Image();
		if(indexOn == 6){
			img.src = img6off.src = "../interieur/menu2/coordonneesOn.png";
		}else{
			img6off.src = "../interieur/menu2/coordonneesOff.png";
		}        
        img6on = new Image();
        img6on.src = "../interieur/menu2/coordonneesOn.png";
		
		img7off = new Image();
		if(indexOn == 7){
			img.src = img7off.src = "../interieur/menu2/presentationsOn.png";
		}else{
			img7off.src = "../interieur/menu2/presentationsOff.png";
		}        
        img7on = new Image();
        img7on.src = "../interieur/menu2/presentationsOn.png";
	}
	
}

function rollon(indexOn)
{
	imgOn = "";
	imgName = "img" + indexOn;
	if (document.images) {
		if(indexOn == 1){
			imgOn = img1on;
		}else if(indexOn == 2){
			imgOn = img2on;
		}else if(indexOn == 3){
			imgOn = img3on;
		}else if(indexOn == 4){
			imgOn = img4on;
		}else if(indexOn == 5){
			imgOn = img5on;
		}else if(indexOn == 6){
			imgOn = img6on;
		}else if(indexOn == 7){
			imgOn = img7on;
		}else{
			return;
		}
		document.getElementById(imgName).src = imgOn.src;
	}
}

function rolloff(indexOn){
	imgOff = "";
	imgName = "img" + indexOn;
	if (document.images) {
		if(indexOn == 1){
			imgOn = img1off;
		}else if(indexOn == 2){
			imgOn = img2off;
		}else if(indexOn == 3){
			imgOn = img3off;
		}else if(indexOn == 4){
			imgOn = img4off;
		}else if(indexOn == 5){
			imgOn = img5off;
		}else if(indexOn == 6){
			imgOn = img6off;
		}else if(indexOn == 7){
			imgOn = img7off;
		}else{
			return;
		}
		document.getElementById(imgName).src = imgOn.src;
	}
}

function writeLanguageAnchor(indexOn, lang){
	if(lang){
		langText = "english";//english is required
	}else{
		langText = "francais";//french is required
	}
	
	if(indexOn == 1){
		document.write('<a href="../../' + langText + '/profil/">');
	}else if(indexOn == 2){
		document.write('<a href="../../' + langText + '/services/">');
	}else if(indexOn == 3){
		document.write('<a href="../../' + langText + '/crm/">');
	}else if(indexOn == 4){
		document.write('<a href="../../' + langText + '/exploration/">');
	}else if(indexOn == 5){
		document.write('<a href="../../' + langText + '/clients/">');
	}else if(indexOn == 6){
		document.write('<a href="../../' + langText + '/contact_us/">');
	}else if(indexOn == 7){
		document.write('<a href="../../' + langText + '/presentations/">');
	}
}

function printMenu(indexOn, lang){
	var img;
	var alt;
	if(indexOn == 1){
		img = "../menu2/name_profil.gif";
		alt = "Profil Univoc, centre d'appels";
	}else if(indexOn == 2){
		img = "../menu2/name_services.png";
		alt = "Services conseils en centre d'appels";
	}else if(indexOn == 3){
		img = "../menu2/name_crm.png";
		alt = "CRM univoc";
	}else if(indexOn == 4){
		img = "../menu2/name_forage.gif";
		alt = "Exploration audio univoc";	
	}else if(indexOn == 5){
		img = "../menu2/name_clients.gif";
		alt = "Clients Univoc en centre d'appels";
	}else if(indexOn == 6){
		img = "../menu2/name_coordonnees.png"
		alt = "Montréal, Québec, Canada";
	}else if(indexOn == 7){
		img = "../menu2/name_presentations.gif";
		alt = "Présentations Univoc";
	}
	
	document.write('<div class="menu_ident"><img src="../interieur/images/1.gif" alt="1" /></div>\n');
	document.write('<div class="menu_profil"><a href="../profil"><img id="img1" src="../interieur/menu2/profilOff.png" alt="profil" onmouseover="rollon(1); return false" onmouseout="rolloff(1);" /></a></div>\n');
	document.write('<div class="menu_services"><a href="../services"><img id="img2" src="../interieur/menu2/servicesOff.png" alt="services" onmouseover="rollon(2); return false" onmouseout="rolloff(2);" /></a></div>\n');
	document.write('<div class="menu_crm"><a href="../crm"><img id="img3" src="../interieur/menu2/crmOff.png" alt="crm" onmouseover="rollon(3); return false" onmouseout="rolloff(3);" /></a></div>\n');
	document.write('<div class="menu_exploration"><a href="../exploration"><img id="img4" src="../interieur/menu2/forageOff.png" alt="exploration audio" onmouseover="rollon(4); return false" onmouseout="rolloff(4);" /></a></div>\n');
	document.write('<div class="menu_clients"><a href="../clients"><img id="img5" src="../interieur/menu2/clientsOff.png" alt="clients" onmouseover="rollon(5); return false" onmouseout="rolloff(5);" /></a></div>\n');
	document.write('<div class="menu_coordonnees"><a href="../contact_us"><img id="img6" src="../interieur/menu2/coordonneesOff.png" alt="coordonnees" onmouseover="rollon(6); return false" onmouseout="rolloff(6);" /></a></div>\n');
	document.write('<div class="menu_presentations"><a href="../presentations"><img id="img7" src="../interieur/menu2/presentationsOff.png" alt="presentations" onmouseover="rollon(7); return false" onmouseout="rolloff(7);" /></a></div>\n');
	document.write('<div class="menu_english">');
	
	writeLanguageAnchor(indexOn, lang);
	document.write('<img id="img8" src="../interieur/menu2/english.png" alt="english" /></a></div>\n');
	document.write('<div class="menu_accueil"><a href="../');
	if(lang == 1){
		//we are in french
		document.write('../');
	}
	document.write('"');
	document.write('><img id="img9" src="../interieur/menu2/2.gif" alt="2" /></a></div><br/>\n');
	
	document.write('<div class="menu_red_circle"><img src="../interieur/images/3.gif" width=132 height=53 border=0 alt=""></div>\n');	
	document.write('<div class="menu_name"><img src="../interieur/images/' + img + '" height=53 border=0 alt="' + alt + '"></div>\n');
	
	
	
	
	
	document.write('<div id="menu_box" class="menu_box"></div>');
	if(document.getElementById("menu_box").offsetTop > 0){
		document.getElementById("menu_box").style.visibility = "hidden";
	}
	displayMenu(indexOn);
}