var menuTopDistance=100
var menuBarWidth=15

var menuItemWidth=100
var menuItemHeight=20
var menuItemBackground="black"
var menuItemFont="Verdana"

var menuItems = new Array()
menuItems[0] = "Home"
menuItems[1] = "Techniques"
menuItems[2] = "Videos"
menuItems[3] = "Forum"
menuItems[4] = "Users"
menuItems[5] = "Notation"
menuItems[6] = "Links"

var menuItemsLinks = new Array()
menuItemsLinks[0] = site.relRoot + "index.html"
menuItemsLinks[1] = site.relRoot + "techniques/index.html"
menuItemsLinks[2] = site.relRoot + "videos/index.html"
menuItemsLinks[3] = "http://pub11.ezboard.com/bpentix"
menuItemsLinks[4] = site.relRoot + "users/index.html"
menuItemsLinks[5] = site.relRoot + "notation/index.html"
menuItemsLinks[6] = site.relRoot + "links/index.html"

if (document.all){buildMenu()}

function buildMenu(){
document.write('<DIV ID="menuBar" style="visibility: show;'+
'						Position : absolute;'+
'						Left : 0;'+
'						Top : '+ menuTopDistance +';'+
'						Z-Index : '+ (menuItems.length + 2) +';'+
'						background-color: #707498;'+
'						width: '+ menuBarWidth +';'+
'						height: '+ (menuItems.length * menuItemHeight) +'" onmouseover="dispMenu(1)"'+
'						onmouseout="dispMenu(0)"><table width="100%" height="100%" border="0" style="font-family: Verdana; font-size: 8pt; color:#000000">'+
'						<tr><td>'+
'						M'+
'						<br>E'+
'						<br>N'+
'						<br>U</td></tr></table></DIV>')
document.write('<DIV ID="menuLayer" style="visibility: hidden; '+
'						Position : Absolute;'+
'						Left : '+ menuBarWidth +';'+
'						Top : '+ menuTopDistance +'; '+
'						Z-Index : '+ (menuItems.length + 1) +'" onmouseover="dispMenu(1)"'+
'						onmouseout="dispMenu(0)">')
for(i=0; i<menuItems.length; i++){
	document.write('<div class="menuReverse" id="menuItem'+ i +'" style="'+
					'		 width:'+ menuItemWidth +';'+
					'		 height:'+ menuItemHeight +';'+
					'		 background-color:'+ menuItemBackground +';'+
					'		 font-family:'+ menuItemFont +';'+
					';" onmouseover="changeColor(\'menuItem'+ 
					i +'\',\'#555555\')" onmouseout="changeColor(\'menuItem'+ 
					i +'\',\'#000000\')"><div align="center"><a href="'+
					menuItemsLinks[i] +'">'+ menuItems[i] +
					'</a></div></div>')
}
document.write('</DIV>')
}
					
function dispMenu(setting){
	if (setting==1)	{document.all("menuLayer").style.visibility='visible'}
	else {document.all("menuLayer").style.visibility='hidden'}
}

function reposition(){
	document.all["menuBar"].style.pixelTop = document.body.scrollTop + menuTopDistance
	document.all["menuLayer"].style.pixelTop = document.body.scrollTop + menuTopDistance
}

function changeColor(obj, color){
	document.all[obj].style.backgroundColor=color
}