//-----------------------
//--- Editable Region ---
//-----------------------

//Contents for menu 1
var menu1=new Array()
menu1[0]='<a href="index.shtml">Home</a>'
menu1[1]='<a href="aboutus.shtml">About us</a>'
menu1[2]='<a href="contactus.shtml">Contact us</a>'
menu1[3]='<a href="newinstallations.shtml">New Installations</a>'
menu1[4]='<a href="maintenance.shtml">Maintenance</a>'
menu1[5]='<a href="demonstrations.shtml">Demonstrations</a>'
menu1[6]='<a href="safetywire.shtml">Safety Wire, Eyebolts, Abseil Points and Walkways</a>'
menu1[7]='<a href="handrailing.shtml">Handrailing</a>'
menu1[8]='<a href="gantries.shtml">Gantries, Ladders and Walkways</a>'

//Setup deafults
var menuwidth='300px';
var menubgcolor='lightyellow';
var disappeardelay=250;
var hidemenu_onclick="yes";

//------------------------------
//--- End Of Editable Region ---
//------------------------------

//Get the HTML content of page
var ie4=document.all
var ns6=document.getElementById&&!document.all

//Check the browsers
if (ie4||ns6)
{
	//Write out the menu onto the page
	document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')
}

//-----------------
//--- Functions ---
//-----------------

//Function to get the offset of an object
function getposOffset(what, offsettype)
{
	//Decides if the offset is for X or Y
	var totaloffset	=(offsettype=="left")? what.offsetLeft : what.offsetTop;
	
	//Gets the parent of the object
	var parentEl	= what.offsetParent;
	
	//Loop adding the offsets of all parents
	while (parentEl!=null)
	{
		//Add the parent offset the current offset (X or Y)
		totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
		
		//Set parent object
		parentEl=parentEl.offsetParent;
	}
	
	//Return the total offset
	return totaloffset;
}


function showhide(obj, e, visible, hidden, menuwidth)
{
	//Check browser
	if (ie4||ns6)
	{
		//Set the drop menu position
		dropmenuobj.style.left=dropmenuobj.style.top="-500px";
	}
	
	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
}

//Checks whether menu goes off the edge of the browser
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;
}

//Populate the menu
function populatemenu(what)
{
	if (ie4||ns6)
	{
		dropmenuobj.innerHTML=what.join("");
	}
}


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();
}

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;
	}
}