// Theses are the colours for the tooltip
var titleColour = "#6186AF"; //bgcolour
var mainColour = "#F6F7F9"; //bgcolour
var fontcolor = "#ffffff"; //font
var disappeardelay=0  //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="yes" //hide menu when user clicks within menu?

/////No further editting needed

var ie4=document.all
var ns6=document.getElementById&&!document.all

if (ie4||ns6)
{
	document.write('<div id="dropmenudiv" style="visibility:hidden"></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;
}


function showhide(obj, visible, hidden, menuwidth)
{
	if (ie4||ns6)
	{
		dropmenuobj.style.left=dropmenuobj.style.top=-500
	}
	
	if (menuwidth!="")
	{
		dropmenuobj.widthobj=dropmenuobj.style
		dropmenuobj.widthobj.width=menuwidth
	}
	
	obj.visibility=visible
}

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 windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
		dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
		if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure)
		edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
	}
	return edgeoffset
}



function dropdownmenu(obj, title, msg, menuwidth)
{

	

	//This is the layout of the tooltip, position of the title and message.
	var content="<table cellpadding=2 cellspacing=0 width="+ menuwidth +">"+  
	"<tr><td align=center bgcolor="+titleColour+" style='border-right:1px #000000 solid; border-left:1px #000000 solid; border-top:1px #000000 solid; border-bottom:1px #000000 solid;'><font color='"+ fontcolor +"' size='1px'><b>"+title+
	"</b></font></td></tr><tr><td bgcolor="+mainColour+" style='border-right:1px #000000 solid; border-left:1px #000000 solid; border-bottom:1px #000000 solid;'><font size='1px'>"+msg+"</font></td></tr></table>";
	

	clearhidemenu()
	dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
	dropmenuobj.innerHTML=content

	if (ie4||ns6)
	{
		showhide(dropmenuobj.style, "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"
	}
}


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
}