// JavaScript Document

// Menu Counter
var counter = 0
//Contents for menu 1
var menu1=new Array()

menu1[counter++]='<a href="index.php" target="_top">Introduction</a>'
menu1[counter++]='<a href="_pub_index_.php" target="_top">Main Index</a>'
if(access > 2) {
	menu1[counter++]='<a href="_pub_input_.php" target="_top">New Publication</a>'
}

// Only allow logged in users to see these rows
//	if(access < 5) {
//		menu1[counter++]='<a href="edit_profile.php">Update Profile</a>'
//	} // Only allow admins to see these rows
//	if(access == 1) {
//		menu1[counter++]='<a href="user_manager.php">User Manager</a>'
//		menu1[counter++]='<a href="user_statistics.php">User Statistics</a>'
//  }

//Contents for menu 2, and so on
counter = 0
var menu2=new Array()

// If user is logged in, show the "LOGOUT" button
if(access) {
	menu2[counter++]='<a href="_user_logout_.php">Logout</a>'
} else { 
	menu2[counter++]='<a href="_user_login_.php">Login</a>'
} 
if(!access) {
	menu2[counter++]='<a href="_user_register_.php">Registration</a>'
}
if(access) {
	menu2[counter++]='<a href="_user_edit_.php">Edit Profile</a>'
}
if(access > 4) {
	menu2[counter++]='<a href="_user_index_.php">User Index</a>'
	menu2[counter++]='<a href="_user_actions_.php">User Action Log</a>'
}

// Only allow admins to see these rows
//	if(access == 1) {
//		menu2[counter++]='<a href="trail_add.php">Add Trail</a>'
//		menu2[counter++]='<a href="activity_list.php">Activity List</a>'
//		menu2[counter++]='<a href="facility_list.php">Facility List</a>'
//		menu2[counter++]='<a href="type_list.php">Type List</a>'
//		menu2[counter++]='<a href="wildlife_list.php">Wildlife List</a>'
//  }
		
var menuwidth='200px' //default menu width
var disappeardelay=1000  //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="no" //hide menu when user clicks within menu?

/////No further editting needed
var ie4=document.all;  // Test to see if this is an IE 4+ Browser (or related)
var ns6=document.getElementById&&!document.all; // Test to see if this is a Navigator 6+ Browser (or related)

// This is the main element used for the drop down menu.
if (ie4||ns6) {
	document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';" '+
								 'onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')
}

function getposOffset(what, offsettype){
	var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
	var parentEl=what.offsetParent;
	while (parentEl!=null){
		totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
		parentEl=parentEl.offsetParent;
	}
	return totaloffset;
}

// changes the menu to visible or hidden depending on current status and type of event passed.
function showhide(obj, e, visible, hidden, menuwidth){
	if (ie4||ns6){ dropmenuobj.style.left=dropmenuobj.style.top=-500 }
	if (menuwidth!=""){
		dropmenuobj.widthobj=dropmenuobj.style
		dropmenuobj.widthobj.width=menuwidth
	}
	if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover"){
		obj.visibility=visible
	} else if (e.type=="click"){
		obj.visibility=hidden
	}
}

function iecompattest(){
	return (document.compatMode && document.compatMode!="BackCompat") ? document.documentElement : document.body
}

function clearbrowseredge(obj, whichedge){
	var edgeoffset=0
	if (whichedge=="rightedge"){
		var windowedge=ie4 && !window.opera ? iecompattest().scrollLeft+iecompattest().clientWidth-15 : 
			window.pageXOffset+window.innerWidth-15
		dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
		if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure){
			edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
		}
	} else {
		var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
		var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
		dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
		if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?
			edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
			if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure){ //up no good either?
				edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
			}
		}
	}
	return edgeoffset
}

// Populates the dropdown menu by the menu array passed to "what"
function populatemenu(what){
	if (ie4||ns6){ dropmenuobj.innerHTML=what.join("") }
}

// The main function used to drop down the menu on mouseover
function dropdownmenu(obj, e, menucontents, menuwidth){
	if (window.event){ event.cancelBubble=true }
	else if (e.stopPropagation){ e.stopPropagation() }
	clearhidemenu()
	dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
	populatemenu(menucontents)
	
	if (ie4||ns6){
		showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
		dropmenuobj.x=getposOffset(obj, "left")
		dropmenuobj.y=getposOffset(obj, "top")
		dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
		dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
	}
	
	return clickreturnvalue()
}

// Basically returns false if IE4+ or NS6+ and true if not.
function clickreturnvalue(){
	if (ie4||ns6){ return false }
	else { return true }
}

function contains_ns6(a, b) {
	while (b.parentNode) {
		if ((b = b.parentNode) == a){ return true; }
	}
	return false;
}

function dynamichide(e){
	if (ie4&&!dropmenuobj.contains(e.toElement)){ delayhidemenu() }
	else if (ns6 && e.currentTarget != e.relatedTarget && !contains_ns6(e.currentTarget, e.relatedTarget)){
		delayhidemenu()
	}
}

function hidemenu(e){
	if (typeof dropmenuobj!="undefined"){
		if (ie4||ns6){ dropmenuobj.style.visibility="hidden" }
	}
}

function delayhidemenu(){
	if (ie4||ns6){ delayhide=setTimeout("hidemenu()",disappeardelay) }
}

function clearhidemenu(){
	if (typeof delayhide!="undefined"){ clearTimeout(delayhide) }
}

if (hidemenu_onclick=="yes"){ document.onclick=hidemenu }