var mainMenu = menuItem("main");
var bgcolor='#808080', bgcolor2='#000000',bgcolor3='#808080';
var cellWidth = 130;
var subCellBorderWidth = 0;
var timer;

document.write('<A NAME=Debut>');
document.write(' ');
document.write('<!-- Trois colonnes -->                                                                                                                               ');
document.write('<TABLE width=100%>                                                                                                                                    ');
document.write('  <TR align=center>                                                                                                                                   ');
document.write('    <TD> </TD>                                                                                                                                        ');
document.write('    <TD>                                                                                                                                              ');
document.write('      <!-- Table du contenu avec fond blanc -->                                                                                                       ');
document.write('      <TABLE bgcolor=white cellpadding=10 border=6>                                                                                                   ');
document.write('        <TR>                                                                                                                                          ');
document.write('          <TD>                                                                                                                                        ');
document.write('            <!-- Bandeau de début -->                                                                                                                 ');
document.write('            <TABLE cellspacing="0" cellpadding="0" border=1 width=100% bgcolor=moccasin>                                                              ');
document.write('              <TR>                                                                                                                                    ');
document.write('                <TD> <TABLE cellspacing="5" cellpadding="5" border=0 bgcolor=moccasin>                                                                ');
document.write('                       <tr align=CENTER valign="BOTTOM">                                                                                              ');
document.write('                         <td>                                                                                                                         ');
document.write('                           <A href=index.html shape=default> <IMG alt="Montreal Recorder Society" src=bin/LogoSFBM.jpg width="140"> </A>              ');
document.write('                         </td>                                                                                                                        ');
document.write('                         <td>                                                                                                                         ');
document.write('                           <table border=0 width=100%>                                                                                                ');
document.write('                             <tr align=CENTER>                                                                                                        ');
document.write('                               <td> &nbsp; </td>                                                                                                      ');
document.write('                               <td> <A href="Accueil_E.html">      <SMALL> Home              </SMALL> </A>                                       </td> ');
document.write('                               <td> <A href="Premiere_E.html">     <SMALL> First Visit       </SMALL> </A>                                       </td> ');
document.write('                               <td> <A href="Liste_E.php"> <SMALL> Distribution List </SMALL> </A>                                       </td> ');
document.write('                               <td> <A href="Accueil_F.html">      <SMALL> Français          </SMALL> </A>                                       </td> ');
document.write('                             </tr>                                                                                                                    ');
document.write('                             <tr align=CENTER>                                                                                                        ');
document.write('                               <td> &nbsp; </td>                                                                                                      ');
document.write('                               <td> <A href="Plan_E.html">        <SMALL> Site Map          </SMALL> </A>                                       </td> ');
document.write('                               <td> <A href="Inscription_E.html"> <SMALL> Become a Member   </SMALL> </A>                                       </td> ');
document.write('                               <td> <A href="NousJoindre_E.html">               <SMALL> Contact Us        </SMALL> </A>                                       </td> ');
document.write('                               <td> <A href="Construction_E.html">               <FONT size=-1>A-</FONT></A> &nbsp; <A href="Construction_E.html"><FONT size=+1>A+</FONT></A> </td> ');
document.write('                             </tr>                                                                                                                    ');
document.write('                             <tr align=CENTER>                                                                                                        ');
document.write('                               <td> &nbsp; </td>                                                                                                      ');
document.write('                               <td> &nbsp;                   </td>                                                                                    ');
document.write('                             </tr>                                                                                                                    ');
document.write('                             <!-- tr> <td> &nbsp; </td> </tr -->                                                                                      ');
document.write('                             <tr> <td>                                                                                                                ');


mainMenu.Add("Our Society");
	mainMenu.SubItem("Our Society").Add("Who are we","Construction_E.html","_top");
	mainMenu.SubItem("Our Society").Add("Our History","Construction_E.html","_top");
	mainMenu.SubItem("Our Society").Add("Our Structure","Contacts_E.html","_top");
	mainMenu.SubItem("Our Society").Add("A member of ARS","ARS_E.html","_top");
	mainMenu.SubItem("Our Society").Add("First visit?","Premiere_E.html","_top");
	mainMenu.SubItem("Our Society").Add("F.A.Q.","Construction_E.html","_top");
	mainMenu.SubItem("Our Society").Add("Become a Member");
	 mainMenu.SubItem("Our Society").SubItem("Become a Member").Add("Costs","bin/Info-F.pdf","_top");	
         mainMenu.SubItem("Our Society").SubItem("Become a Member").Add("Register","bin/Formulaire%20Inscription-E.pdf","_top");
	mainMenu.SubItem("Our Society").Add("Distribution List","Liste_E.php","_top");
	mainMenu.SubItem("Our Society").Add("Contact Us","NousJoindre_E.html","_top");

mainMenu.Add("Our Activities");
	mainMenu.SubItem("Our Activities").Add("Rehearsals");
	 mainMenu.SubItem("Our Activities").SubItem("Rehearsals").Add("List ...","Rencontres_E.html#Debut","_top");	
	 mainMenu.SubItem("Our Activities").SubItem("Rehearsals").Add("Sight Reading","Rencontres_E.html#LAV","_top");	
	 mainMenu.SubItem("Our Activities").SubItem("Rehearsals").Add("Discover the Recorder","Rencontres_E.html#FD","_top");	
	 mainMenu.SubItem("Our Activities").SubItem("Rehearsals").Add("Recorder for Fun","Rencontres_E.html#FPLP","_top");	
	 mainMenu.SubItem("Our Activities").SubItem("Rehearsals").Add("Flûte en Suite","Rencontres_E.html#FES","_top");	
	 mainMenu.SubItem("Our Activities").SubItem("Rehearsals").Add("La Follia","Rencontres_E.html#Follia","_top");	
	 mainMenu.SubItem("Our Activities").SubItem("Rehearsals").Add("Flutissimo","Rencontres_E.html#FTSM","_top");	
	mainMenu.SubItem("Our Activities").Add("Teachers");
	 mainMenu.SubItem("Our Activities").SubItem("Teachers").Add("List ...","Directeurs_E.html#Debut","_top");	
	 mainMenu.SubItem("Our Activities").SubItem("Teachers").Add("Caroline Tremblay","Directeurs_E.html#Caroline","_top");	
	 mainMenu.SubItem("Our Activities").SubItem("Teachers").Add("Femke Bergsma","Directeurs_E.html#Femke","_top");	
	 mainMenu.SubItem("Our Activities").SubItem("Teachers").Add("Francis Colpron","Directeurs_E.html#Francis","_top");	
	 mainMenu.SubItem("Our Activities").SubItem("Teachers").Add("Gilles Plante","Directeurs_E.html#Gilles","_top");	
	 mainMenu.SubItem("Our Activities").SubItem("Teachers").Add("Marie-Laurence Primeau","Directeurs_E.html#M-L","_top");	
	 mainMenu.SubItem("Our Activities").SubItem("Teachers").Add("Matthias Maute","Directeurs_E.html#Matthias","_top");	
	 mainMenu.SubItem("Our Activities").SubItem("Teachers").Add("Sophie Larivière","Directeurs_E.html#Sophie","_top");	
	 mainMenu.SubItem("Our Activities").SubItem("Teachers").Add("Vincent Lauzer","Directeurs_E.html#Vincent","_top");	
	mainMenu.SubItem("Our Activities").Add("Calendar","bin/Calendrier-E.pdf","_top");
	mainMenu.SubItem("Our Activities").Add("Where we meet","NousRencontrer_E.html#Lieux","_top");
	mainMenu.SubItem("Our Activities").Add("Evaluate your skills","Criteres_E.html","_top");
	mainMenu.SubItem("Our Activities").Add("Become a Member");
	 mainMenu.SubItem("Our Activities").SubItem("Become a Member").Add("Costs","bin/Info-E.pdf","_top");	
         mainMenu.SubItem("Our Activities").SubItem("Become a Member").Add("Register","bin/Formulaire%20Inscription-E.pdf","_top");

mainMenu.Add("For our members");
	mainMenu.SubItem("For our members").Add("Newsletters","Communiques_E.html","_top");
	mainMenu.SubItem("For our members").Add("MRS Members","Membres_E.html","_top");

mainMenu.Add("Miscellaneous");
mainMenu.SubItem("Miscellaneous").Add("Site Plan","Plan_E.html","_top");
mainMenu.SubItem("Miscellaneous").Add("Private Lessons","Cours_E.html","_top");
mainMenu.SubItem("Miscellaneous").Add("Bulletin Board","Babillard_E.html","_top");
mainMenu.SubItem("Miscellaneous").Add("Concerts","Concerts_E.html","_top");
mainMenu.SubItem("Miscellaneous").Add("Art and Recorder","Art_E.html","_top");
mainMenu.SubItem("Miscellaneous").Add("Photo Album","Album_E.html","_top");
mainMenu.SubItem("Miscellaneous").Add("Videos","Video_E.html","_top");
mainMenu.SubItem("Miscellaneous").Add("Good to Know","Bonasavoir_E.html","_top");
mainMenu.SubItem("Miscellaneous").Add("Links","Liens_E.html","_top");
mainMenu.SubItem("Miscellaneous").Add("Play with ...");
mainMenu.SubItem("Miscellaneous").SubItem("Play with ...").Add("other musicians","Jouer_E.html","_top");
mainMenu.SubItem("Miscellaneous").SubItem("Play with ...").Add("your computer","JouerOrdi_E.html","_top");
mainMenu.SubItem("Miscellaneous").Add("Buy and Fix a recorder","Construction_E.html","_top");

//----------------------------------------------------------------------------------
// MAIN

//document.write('<style type="text/css">');
//document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:11; }');
//document.write('#topLeft { position:absolute; top:'+posYmenu+'px; left:'+posXmenu+'px; z-index:10; }');
//document.write('A:hover.ejsmenu {color:#FFFFFF; text-decoration:none;}');
//document.write('A.ejsmenu {color:#FFFFFF; text-decoration:none;}');
//document.write('</style>');
//document.write('<DIV ID="topLeft"><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=\"white\"><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0><TR>')

for(i=0; i < mainMenu.sub.length ; i++)
{
	document.write('<TD STYLE="cursor: default;font: 10pt Arial,Verdana,sans-serif; color: white;" WIDTH="'+ cellWidth +'" ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="event.cancelBubble=true;this.style.background=\''+bgcolor2+'\';showMenu(mainMenu.sub[' + i + '],this);" onMouseOut="this.style.background=\''+bgcolor+'\'">' + mainMenu.sub[i].title + '</a></TD>')
}

document.write('</TR>');
//document.write('</TR><tr><td><img src=\"../images/road3.jpg\"></td><td><img src=\"../images/road10.jpg\"></td><td><img src=\"../images/batiment5.jpg\"></td><td><img src=\"../images/fiber10.jpg\"></td></tr></TABLE></TD></TR></TABLE></DIV>')

document.body.onmouseover = removeMenu;


// --------------------------------------------------------------------------------

// FUNCTIONS

function openLink(url, target)
{
	window.open(url,target);
}
function menuItem()
{
	
	this.title = arguments[0];
	this.target = arguments[2];
	this.url = null;
	this.sub = new Array();
	this.parentMenu = null;
	this.index = null;
	if(arguments.length > 1) this.url = arguments[1];
	this.Add = addMenu;
	this.SubItem = findItem;
	this.GetLevel = getMenuLevel;
	function findItem()
	{
		
		for(i=0;i<this.sub.length;i++)
		{
			if(this.sub[i].title == arguments[0])
				return this.sub[i];
		}
		return null;
	}

	function addMenu()
	{
		var argumentsList = "";
		for(i=0; i<arguments.length ; i++) 
		{
		    argumentsList += ",'" + arguments[i] + "'";
		}
		var newItem = eval("new menuItem(" + argumentsList.substr(1) + ")");
		newItem.parentMenu = this;
		newItem.index = this.sub.length;
		PushArray(this.sub,newItem);
	}
	
	function getMenuLevel()
	{
		var rslt = 0;
		var curParent = this.parentMenu;
		while (curParent)
		{
			curParent = curParent.parentMenu;
			rslt++;
		}
		return rslt;
	}
	
	return this;
}

function showMenu()
{
	
	window.clearTimeout(timer);
	if(document.getElementById("sub" + arguments[0].title)) return false;;
	var content = "", menuId;
	var newMenu = document.createElement("DIV"), curItem;
	var mnuBg = bgcolor;
	var mnuOpacity = 200;
	
	if(arguments[0].GetLevel() != 1) mnuBg = bgcolor3;
	removeSubs(arguments[0].parentMenu);
	if(arguments[0].sub.length == 0) return false;
	
	if(arguments.length > 1) posLeft = arguments[1];
	if(arguments.length > 2) posTop = arguments[2];
	
	newMenu.id = "sub" + arguments[0].title;
	content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 STYLE='filter:progid:DXImageTransform.Microsoft.Alpha(opacity=" + mnuOpacity + ");' BGCOLOR=#000000 WIDTH="+(cellWidth + subCellBorderWidth)+"><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=1 STYLE='filter:progid:DXImageTransform.Microsoft.Alpha(opacity=" + mnuOpacity + ");'>";
	for(i=0 ; i< arguments[0].sub.length	; i++)
	{
		menuId = "";
		curItem = arguments[0].sub[i];
			
		while (curItem.parentMenu != null){
			menuId = ".sub[" + curItem.index + "]" + menuId;
			curItem = curItem.parentMenu;
		}
		
		menuId = "mainMenu" + menuId;

		if(!arguments[0].sub[i].url)
			content += "<TR><TD STYLE=\"CURSOR:DEFAULT;font: 10pt Arial,Verdana,sans-serif; color: white;\" BGCOLOR=" + mnuBg + " onMouseOver=\"event.cancelBubble=true; this.style.background='" + bgcolor2 + "';showMenu("+ menuId + ", this );\" onMouseOut=\"this.style.background='"+mnuBg+"';\" HEIGHT=14 >&nbsp;&nbsp;" + arguments[0].sub[i].title + "</TD></TR>";
		else
		    if (arguments[0].sub[i].target != '_top')
			    content += "<TR><TD STYLE=\"CURSOR:HAND;font: 10pt Arial,Verdana,sans-serif; color: white;\" BGCOLOR=" + mnuBg 
			            + " onMouseOver=\"event.cancelBubble=true; this.style.background='" + bgcolor2 + "';showMenu("+ menuId 
			            + ", this);\" onMouseOut=\"this.style.background='"+mnuBg+"';\" HEIGHT=14 onclick=\"openLink('"
			            + arguments[0].sub[i].URL + "','mainFrame')\" CLASS=\"ejsmenu\"><div>&nbsp;&nbsp;" + arguments[0].sub[i].title + "</TD></TR>";
	        else
	            content += "<TR><TD STYLE=\"CURSOR:HAND;font: 10pt Arial,Verdana,sans-serif; color: white;\" BGCOLOR=" 
	                    + mnuBg + " onMouseOver=\"event.cancelBubble=true; this.style.background='" 
	                    + bgcolor2 + "';showMenu("+ menuId + ", this);\" onMouseOut=\"this.style.background='"
	                    + mnuBg + "';\" HEIGHT=14 onclick=\"openLink('"+arguments[0].sub[i].url+"','" + arguments[0].sub[i].target 
	                    + "')\" CLASS=\"ejsmenu\"><div>&nbsp;&nbsp;" + arguments[0].sub[i].title + "</TD></TR>";
	}       
	
	content += "</TABLE></TD></TR></TABLE>";
	newMenu.innerHTML = content;
	newMenu.style.zIndex = 11;
	
	var menuPosition = new Array();
	GetMenuPosition(arguments[1],arguments[0].GetLevel(),menuPosition);
	newMenu.style.top = menuPosition[1];
	newMenu.style.left = menuPosition[0];
	newMenu.style.position = "absolute";
	
	var parentElem = null;
	document.body.appendChild(newMenu);
}

function removeSubs()
{
	var curElement;
	if(arguments.length > 0)  curElement = arguments[0];
	else curElement = mainMenu;
	for(var i=0; i < curElement.sub.length; i++)
	{
		if(curElement.sub[i].sub.length > 0)
		{
			removeSubs(curElement.sub[i]);
			hideMenu(curElement.sub[i]);
		}
	} 

}

function GetMenuPosition(htmlObj,menuLevel,mnuPos)
{
	var curElement = htmlObj;
	if(menuLevel==1)
	{
		mnuPos[1] = curElement.clientHeight + 1;
		mnuPos[0]= 0;
		while (curElement.offsetParent)
		{
			mnuPos[1] += curElement.offsetTop;
			mnuPos[0] += curElement.offsetLeft;
			curElement = curElement.offsetParent;
		}
	}else{
		mnuPos[1] = -1;
		mnuPos[0]= curElement.clientWidth + 2;
		while (curElement.offsetParent)
		{
			mnuPos[1] += curElement.offsetTop;
			mnuPos[0] += curElement.offsetLeft;
			curElement = curElement.offsetParent;
		}
	}
}

function hideMenu()
{
	var elementId = "sub" + arguments[0].title;
	var mnuElement = document.getElementById(elementId);
	if(mnuElement)document.body.removeChild(mnuElement);
}

function removeMenu(){
	
	window.clearTimeout(timer);
	timer = window.setTimeout("removeSubs(mainMenu)",500);
}

function getRowTopPos(curCell)
{
	var topPos = 0;
	var curRow = curCell.parentElement;
	var curTable = curRow.parentElement.parentElement;
	var tableTop = curTable.parentElement.parentElement.parentElement.parentElement.parentElement.offsetTop;
	for(i=0; i < curRow.rowIndex;i++)
		topPos +=  curTable.rows(i).scrollHeight + parseInt(curTable.cellSpacing);
	
	return topPos + tableTop;
	
}

///  myarray.push(value) -> Doesn't work in Explorer 5.0 
function PushArray(objArray,objItem)
{
	objArray[objArray.length] = objItem;
}

function increaseFont()
{
	
}

function decreaseFont()
{
	
}