//names of menudowns stored here
myMenu=new Array()
myMenu[0]="menu1"
myMenu[1]="menu2"
myMenu[2]="menu3"




//simple browser check
nav4 = (parseInt(navigator.appVersion) >= 4 && parseInt(navigator.appVersion)<=5)?1:0
navIE = (document.all && nav4)?1:0
navNS = (document.layers && nav4)?1:0


//code for menus

function showLayer(aLayer){
	keepMenu = aLayer; hideAllMenu(); showMenuNow=1
	showMenuLayer(aLayer)
	}

function showMenuLayer(aLayer){
		if(navIE){ eval(myMenu[aLayer] + '.style.visibility="visible"') }
		if(navNS){ eval('document.' + myMenu[aLayer]+'.visibility="show"');}
	}

function hideLayer(){
	keepMenu=-1; setTimeout('hideAllMenu()',500)
	}

keepMenu=-1

function hideAllMenu(){
	for(i=0 ; i<myMenu.length ; i++){  
		menuHideIt=0; menucheckmousepos(i)
		if(navIE && keepMenu!=i){ 
			if(menuHideIt){ eval(myMenu[i]+'.style.visibility="hidden"') } 
			}
		if(navNS && keepMenu!=i){ 
			if(menuHideIt){ eval('document.'+myMenu[i]+'.visibility="hide"') }
			}
		}
	}

//deal with cursor over layer
document.onmousemove = menugetmousepos
if (navNS) document.captureEvents(Event.MOUSEMOVE)

function menugetmousepos(e){
	if(navNS){menumousex=e.pageX; menumousey=e.pageY}
	if(navIE){menumousex=event.clientX; menumousey=event.clientY;}
	}

function menucheckmousepos(i){          
	if(navNS){     
		menuMin=eval('document.'+myMenu[i]+'.left')
		menuMax=menuMin+eval('document.'+myMenu[i]+'.clip.width')
		menuMin=eval('document.'+myMenu[i]+'.top')
		menuMax=menuMin+eval('document.'+myMenu[i]+'.clip.height')
		}    
		
	if(navIE){     
		menuMin=eval(myMenu[i]+'.style.pixelLeft')
		menuMax=menuMin+eval(myMenu[i]+'.style.pixelWidth')
		menuMin=eval(myMenu[i]+'.style.pixelTop')
		menuMax=menuMin+eval(myMenu[i]+'.style.pixelHeight')
		}
		
	if (menumousex>=menuMin && menumousex<=menuMax && menumousey>=menuMin && menumousey<=menuMax){
		menuHideIt=0; setTimeout('hideAllMenu()',500)
		}
		
	else { 
	menuHideIt=1 
	}
	
	return menuHideIt
	}


//browser stylesheets

if(navIE){
document.write('<style type="text/css"><!--')

document.write('.menudown {padding-left:10px; padding-top:10px; padding-right:10px; padding-bottom:10px}')
document.write('p { margin-top:0px; margin-bottom:6px }')
document.write('a { text-decoration: none }')
document.write('a:hover { color: white; text-decoration: underline }')
document.write('--></style>')
}