// JavaScript Document - EVERYTHING NEEDED TO CREATE AND HANDDLE THE MENUS "HTML" AND "FLASH"

//List of items in the possibles menus	
menu_html = new Array("", "Agrumes", "Dactilo", "Aléatoire")
menu_flash = new Array("", "")

<!--DEFINE STYLE ----------------------------------------------------------------------------------------------------------------------->
var style = readCookie('style');
//If there is no style or the style chosen is random (option random = array length-1 cause is at the end - pos 0), get a random number
// If the style chosen is random, don't re-write the cookie. If not, keep the style until the person choose another one.
if(style=="undefined" || style==null || style=="" || style==menu_html.length-1){
	if(style==menu_html.length-1){
		style = random_nbr(1,menu_html.length-2);
	}
	else{
		style = random_nbr(1,menu_html.length-2);
		createCookie('style', style);
	}	
}

<!--STYLE SHEET-->
document.write('<link href="styles/s_'+style+'/style_sheet.css" rel="stylesheet" type="text/css">');

<!--CREATE MENUS------------------------------------------------------------------------------------------------------------------------>
var selected_html = style;
var selected_flash = 1;


<!--CREATE MENU SITE-->
function printMenu(the_section,the_page){
	<!--spacer 1-->
	document.write('<img src="styles/s_'+style+'/menu/spacers/ms_1.gif" alt="" name="ms_1" id="ms_1"><br>');
	<!--À PROPOS-->
	if (the_section==1){document.write('<img src="styles/s_'+style+'/menu/active/m_a_1.gif" alt="" name="m_1" id="m_1"><br>')}
	else{document.write('<img src="styles/s_'+style+'/menu/regular/m_r_1.gif" alt="" name="m_1" id="m_1"><br>')}
	<!--Créatrice (index)-->
	if (the_page=="1_1"){document.write('<img src="styles/s_'+style+'/menu/active/m_a_1_1.gif" alt="" name="m_1_1" id="m_1_1"><br>')}
	else{document.write('<img src="styles/s_'+style+'/menu/regular/m_r_1_1.gif" alt="" name="m_1_1" id="m_1_1" style="cursor:pointer" onClick="MM_swapImage'+"('m_1_1','','styles/s_"+style+"/menu/active/m_a_1_1.gif',1); parent.location=('index.htm');"+'" onMouseOver="status=status_page_1_1; MM_swapImage'+"('m_1_1','','styles/s_"+style+"/menu/over/m_o_1_1.gif',1)"+'" onMouseOut="status=status_page; MM_swapImgRestore()"><br>')}
	<!--Curriculum-->
	if (the_page=="1_2"){document.write('<img src="styles/s_'+style+'/menu/active/m_a_1_2.gif" alt="" name="m_1_2" id="m_1_2"><br>')}
	else{document.write('<img src="styles/s_'+style+'/menu/regular/m_r_1_2.gif" alt="" name="m_1_2" id="m_1_2" style="cursor:pointer" onClick="MM_swapImage'+"('m_1_2','','styles/s_"+style+"/menu/active/m_a_1_2.gif',1); parent.location=('cv.htm');"+'" onMouseOver="status=status_page_1_2; MM_swapImage'+"('m_1_2','','styles/s_"+style+"/menu/over/m_o_1_2.gif',1)"+'" onMouseOut="status=status_page; MM_swapImgRestore()"><br>')}
	<!--spacer 2-->
	document.write('<img src="styles/s_'+style+'/menu/spacers/ms_2.gif" alt="" name="ms_2" id="ms_2"><br>');
	<!--À PROPOS-->
	if (the_section==2){document.write('<img src="styles/s_'+style+'/menu/active/m_a_2.gif" alt="" name="m_2" id="m_2"><br>')}
	else{document.write('<img src="styles/s_'+style+'/menu/regular/m_r_2.gif" alt="" name="m_2" id="m_2"><br>')}
	<!--Sites Web-->
	if (the_page=="2_1"){document.write('<img src="styles/s_'+style+'/menu/active/m_a_2_1.gif" alt="" name="m_2_1" id="m_2_1"><br>')}
	else{document.write('<img src="styles/s_'+style+'/menu/regular/m_r_2_1.gif" alt="" name="m_2_1" id="m_2_1" style="cursor:pointer" onClick="MM_swapImage'+"('m_2_1','','styles/s_"+style+"/menu/active/m_a_2_1.gif',1); parent.location=('sites.htm');"+'" onMouseOver="status=status_page_2_1; MM_swapImage'+"('m_2_1','','styles/s_"+style+"/menu/over/m_o_2_1.gif',1)"+'" onMouseOut="status=status_page; MM_swapImgRestore()"><br>')}
	<!--Flash-->
	if (the_page=="2_2"){document.write('<img src="styles/s_'+style+'/menu/active/m_a_2_2.gif" alt="" name="m_2_2" id="m_2_2"><br>')}
	else{document.write('<img src="styles/s_'+style+'/menu/regular/m_r_2_2.gif" alt="" name="m_2_2" id="m_2_2" style="cursor:pointer" onClick="MM_swapImage'+"('m_2_2','','styles/s_"+style+"/menu/active/m_a_2_2.gif',1); parent.location=('flash.htm');"+'" onMouseOver="status=status_page_2_2; MM_swapImage'+"('m_2_2','','styles/s_"+style+"/menu/over/m_o_2_2.gif',1)"+'" onMouseOut="status=status_page; MM_swapImgRestore()"><br>')}
	<!--Photoshop-->
	if (the_page=="2_3"){document.write('<img src="styles/s_'+style+'/menu/active/m_a_2_3.gif" alt="" name="m_2_3" id="m_2_3"><br>')}
	else{document.write('<img src="styles/s_'+style+'/menu/regular/m_r_2_3.gif" alt="" name="m_2_3" id="m_2_3" style="cursor:pointer" onClick="MM_swapImage'+"('m_2_3','','styles/s_"+style+"/menu/active/m_a_2_3.gif',1); parent.location=('photoshop.htm');"+'" onMouseOver="status=status_page_2_3; MM_swapImage'+"('m_2_3','','styles/s_"+style+"/menu/over/m_o_2_3.gif',1)"+'" onMouseOut="status=status_page; MM_swapImgRestore()"><br>')}
	<!--spacer 3-->
	document.write('<img src="styles/s_'+style+'/menu/spacers/ms_3.gif" alt="" name="ms_3" id="ms_3"><br>');
	<!--CONTACT-->
	if (the_section==3){document.write('<img src="styles/s_'+style+'/menu/active/m_a_3.gif" alt="" name="m_3" id="m_3"><br>')}
	else{document.write('<img src="styles/s_'+style+'/menu/regular/m_r_3.gif" alt="" name="m_3" id="m_3"><br>')}
	<!--Information-->
	if (the_page=="3_1"){document.write('<img src="styles/s_'+style+'/menu/active/m_a_3_1.gif" alt="" name="m_3_1" id="m_3_1"><br>')}
	else{document.write('<img src="styles/s_'+style+'/menu/regular/m_r_3_1.gif" alt="" name="m_3_1" id="m_3_1" style="cursor:pointer" onClick="MM_swapImage'+"('m_3_1','','styles/s_"+style+"/menu/active/m_a_3_1.gif',1); parent.location=('contact.htm');"+'" onMouseOver="status=status_page_3_1; MM_swapImage'+"('m_3_1','','styles/s_"+style+"/menu/over/m_o_3_1.gif',1)"+'" onMouseOut="status=status_page; MM_swapImgRestore()"><br>')}
	<!--Lien direct-->
	document.write('<img src="styles/s_'+style+'/menu/regular/m_r_3_2.gif" alt="" name="m_3_2" id="m_3_2" style="cursor:pointer" onClick="MM_swapImage'+"('m_3_2','','styles/s_"+style+"/menu/active/m_a_3_2.gif',1); window.open('mailTo:et3rnal@sympatico.ca');"+'" onMouseOver="status=status_page_3_2; MM_swapImage'+"('m_3_2','','styles/s_"+style+"/menu/over/m_o_3_2.gif',1)"+'" onMouseOut="status=status_page; MM_swapImgRestore()"><br>');
	<!--spacer 4-->
	document.write('<img src="styles/s_'+style+'/menu/spacers/ms_4.gif" alt="" name="ms_4" id="ms_4"><br>');
	<!--STYLE-->
    document.write('<img src="styles/s_'+style+'/menu/regular/m_r_4.gif" alt="" name="m_r_4" id="m_r_4"><br>');
    <!--Html-->
	document.write('<img src="styles/s_'+style+'/menu/regular/m_r_4_1.gif" alt="" name="m_r_4_1" id="m_r_4_1"><br>');
	printMenuStyles("html");
	document.write('<br>');
	<!--Flash-->
	document.write('<img src="styles/s_'+style+'/menu/regular/m_r_4_2.gif" alt="" name="m_r_4_2" id="m_r_4_2"><br>');
    printMenuStyles("flash");
	document.write('<br>');
	<!--spacer 5-->
	document.write('<img src="styles/s_'+style+'/menu/spacers/ms_5.gif" alt="" name="ms_5" id="ms_5"><br>');
}

<!--CREATE MENU STYLES-->
function printMenuStyles(the_menu){
	//Creation of the chosen menu	
	options_list = eval('menu_'+the_menu);
	document.write('<div id="select_'+the_menu+'" class="spaceBeforeSelect";>');
	if(the_menu=='html'){the_index=999;}
	else{the_index=40;}
	document.write('<div id="Layer_bt_'+the_menu+'" class="menuStyle" style="position:absolute; width:80px; height:19px; z-index:'+the_index+'; visibility:visible;"><img src="styles/s_'+style+'/menu/bt_select/regular.gif" alt="" name="img_selectBox_'+the_menu+'" id="img_selectBox_'+the_menu+'"  style="cursor:pointer" onMouseOver="status=status_menu_'+the_menu+'; on_list_'+the_menu+'='+"'yes'; menu_selected='"+the_menu+"'; off_flash_menu(); swap_img('over');"+'" onClick="show_hide('+"'Layer_list_"+the_menu+"'"+');" onMouseOut="setTimeout(hide_menuList,200); swap_img('+"'regular'"+'); on_list_'+the_menu+'='+"'no'"+'" onMouseDown="MM_swapImage('+"'img_selectBox_"+the_menu+"','','styles/s_"+style+"/menu/bt_select/over.gif',1)"+'" onMouseUp="MM_swapImgRestore()"></div>');
	for (i=1; i<options_list.length; i++){
		if(i==eval('selected_'+the_menu)){the_visibility='visible';}
		else{the_visibility='hidden';}
		if(the_menu=='html'){the_index=i+50;}
		else{the_index=i}
		document.write('<div id="Layer_'+i+'_'+the_menu+'" style="position:absolute; width:80px; height:17px; z-index:'+the_index+'; visibility:'+the_visibility+';" class="selectBox">'+options_list[i]+'</div>');
	}
	if(the_menu=='html'){the_index=50;}
	else{the_index=0}
	document.write('<div id="Layer_list_'+the_menu+'" style="position:absolute; width:80px; height:19px; z-index:'+the_index+'; visibility:hidden;" class="selectBoxList" onMouseClick="show_hide('+"'Layer_list_"+the_menu+"'"+');" onMouseOver="on_list_'+the_menu+'='+"'yes'"+';" onMouseOut="on_list_'+the_menu+'='+"'no'"+'; menu_selected='+"'"+the_menu+"'"+'; setTimeout(hide_menuList,200);">');
	document.write('<table width="100%" border="0" cellspacing="0" cellpadding="0">');
	for (i=1; i<options_list.length; i++){
		if(i==eval('selected_'+the_menu)){the_state='selected';}
		else{the_state='regular';}
		document.write("<tr><td id='td_"+i+"_"+the_menu+"' class="+'"itemList-'+the_state+'" onMouseOver="change_class(this.id, '+"'itemList-over','"+the_menu+"');"+'" onMouseOut="change_class(this.id, '+"'itemList-regular', '"+the_menu+"');"+'" onClick="change_class(this.id, '+"'itemList-selected', '"+the_menu+"'); show_hide_layers("+i+",'"+the_menu+"'"+');" >'+options_list[i]+'</td></tr>');
	}
	document.write('</table>'+
	  '</div>'+
      '<img src="styles/s_'+style+'/menu/bt_select/invisible.gif" alt="">');
	document.write('</div>');
}

<!--HANDLE MENUS------------------------------------------------------------------------------------------------------------------------>

function swap_img(next_img){
	switch (menu_selected) {
		case "html":
			no_img = "1";
			break;				
		case "flash":
			no_img = "2";
			break;
		}
	switch (next_img) {
		case "over":
			MM_swapImage('m_r_4_'+no_img,'','styles/s_'+style+'/menu/over/m_o_4_'+no_img+'.gif',1);
			break;				
		case "regular":
			//return the image to it's original regular state (it's name doesn't change)
			menu_status = document.getElementById('Layer_list_'+menu_selected).style.visibility;
			if(menu_status=="hidden"){
				MM_swapImage('m_r_4_'+no_img,'','styles/s_'+style+'/menu/regular/m_r_4_'+no_img+'.gif',1);
				status=status_page;
			}
			break;
		}
}

function hide_menuList(){
	menu_status = document.getElementById('Layer_list_'+menu_selected).style.visibility;
	if(menu_status=="visible" && eval('on_list_'+menu_selected)=='no'){
		document.getElementById('Layer_list_'+menu_selected).style.visibility = "hidden";
		swap_img('regular');
	}
}

function off_flash_menu(){
	//Making sure that the other menu won't stay open -_-
	if(menu_selected=="html" && document.getElementById('Layer_list_flash').style.visibility=="visible"){
		document.getElementById('Layer_list_flash').style.visibility = "hidden";
		MM_swapImage('m_r_4_2','','styles/s_'+style+'/menu/regular/m_r_4_2.gif',1);		
	}
}

function show_hide_layers(nbr, menu_selected){
	document.getElementById('Layer_'+nbr+'_'+menu_selected).style.visibility = "visible";
	document.getElementById('Layer_list'+'_'+menu_selected).style.visibility = "hidden";
	
	the_layer = 'Layer_'+eval('selected_'+menu_selected)+'_'+menu_selected;
	old_nbr = eval('selected_'+menu_selected);
	if(old_nbr!=nbr){
		if(old_nbr!=""){document.getElementById(the_layer).style.visibility = "hidden";}
		
		//eventually create an array to save which item is selected in which list		
		switch (menu_selected) {
			case "html":
				selected_html = nbr;
				createCookie('style', selected_html);
				load_page(window.location);
				break;				
			case "flash":
				selected_flash = nbr;
				document.getElementById('Layer_'+selected_html+'_html').style.visibility = "hidden";
				load_page(menu_flash[selected_flash]+'.htm');
				break;
		}
	}
}


function change_class(td_id,new_class,var_menu_2){
	if(td_id!="td_"+style+"_"+var_menu_2){
		document.getElementById(td_id).className = new_class;
	}
	if(new_class=='itemList-selected'){
		switch (var_menu_2) {
		case "html":
			no_td = selected_html;
			break;
		case "flash":
			no_td = selected_flash;
   			break;
		}
		if(no_td!="" && td_id!="td_"+style+"_"+var_menu_2){	
			document.getElementById("td_"+no_td+"_"+var_menu_2).className = 'itemList-regular';
		}
	}
}
