//Pop-it menu- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use


////No need to edit beyond here

var ie4 = document.all && navigator.userAgent.indexOf("Opera") == -1;
var ns6 = document.getElementById && !document.all;
var ns4 = document.layers;

function showmenu(e, which, menuID){
	if (!document.all && !document.getElementById && !document.layers)
		return

	clearhidemenu();

	menuobj = ie4 ? document.all.popmenu : ns6 ? document.getElementById("popmenu") : ns4 ? document.popmenu : "";
	menuobj.thestyle = (ie4 || ns6) ? menuobj.style : menuobj;

	if (ie4||ns6)
		menuobj.innerHTML=which;
	else{
		menuobj.document.write('<layer name=gui bgColor=#E6E6E6 width=165 onmouseover="clearhidemenu()" onmouseout="hidemenu()">'+which+'</layer>');
		menuobj.document.close();
	}

	menuobj.contentwidth = (ie4 || ns6) ? menuobj.offsetWidth : menuobj.document.gui.document.width;
	menuobj.contentheight = (ie4 || ns6)? menuobj.offsetHeight : menuobj.document.gui.document.height;
	eventX = ie4 ? event.clientX : ns6? e.clientX : e.x;
	eventY = ie4 ? event.clientY : ns6? e.clientY : e.y;

	//Find out how close the mouse is to the corner of the window
	var rightedge = ie4 ? document.body.clientWidth-eventX : window.innerWidth - eventX;
	var bottomedge = ie4 ? document.body.clientHeight-eventY : window.innerHeight - eventY;

	//if the horizontal distance isn't enough to accomodate the width of the context menu
	if (rightedge < menuobj.contentwidth)
	{
		//move the horizontal position of the menu to the left by it's width
		menuobj.thestyle.left = ie4 ? document.body.scrollLeft + eventX - menuobj.contentwidth : ns6 ? window.pageXOffset + eventX - menuobj.contentwidth : eventX - menuobj.contentwidth;
		menuobj.thestyle.left = menuID.offsetLeft + menuobj.contentwidth;
	} else	{
		//position the horizontal position of the menu where the mouse was clicked
		//menuobj.thestyle.left = ie4 ? document.body.scrollLeft + eventX : ns6 ? window.pageXOffset + eventX : eventX;
		menuobj.thestyle.left = menuID.offsetLeft + menuobj.contentwidth;
	}

	//same concept with the vertical position
	if (bottomedge<menuobj.contentheight)
	{
		menuobj.thestyle.top=ie4? document.body.scrollTop+eventY-menuobj.contentheight : ns6? window.pageYOffset+eventY-menuobj.contentheight : eventY-menuobj.contentheight;
	} else {
		menuobj.thestyle.top=ie4? document.body.scrollTop+event.clientY : ns6? window.pageYOffset+eventY : eventY;
		menuobj.thestyle.visibility="visible";
/*		
		alert(menuID.height);
		
		var s="";
		for (var property in menuID){
			s += property + "   ";
		}
		
		alert(s );
		//alert(document.all.menu1.offsetLeft );
*/
	}
	return false
}

function contains_ns6(a, b) {
	//Determines if 1 element in contained in another- by Brainjar.com
	while (b.parentNode)
		if ((b = b.parentNode) == a)
			return true;
	return false;
}

function hidemenu(){
	if (window.menuobj)
		menuobj.thestyle.visibility=(ie4||ns6)? "hidden" : "hide";
}

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

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

function clearhidemenu(){
	if (window.delayhide)
		clearTimeout(delayhide);
}

function highlightmenu(e,state){
	if (document.all)
		source_el=event.srcElement;
	else if (document.getElementById)
		source_el=e.target;
	if (source_el.className=="menuitems"){
		source_el.id=(state=="on")? "mouseoverstyle" : "";
	} else {
		while(source_el.id!="popmenu"){
			source_el=document.getElementById? source_el.parentNode : source_el.parentElement;
			if (source_el.className=="menuitems"){
				source_el.id=(state=="on")? "mouseoverstyle" : "";
			}
		}
	}
}

if (ie4||ns6)
	document.onclick=hidemenu;












/*
var menuwidth = 600
var menuheight = 20
var scrollspeed = 20

var isIE = document.all || document.getElementById
var isMenuInited=0

function fillup()
{
	if (isIE)
	{
		cross_scroll = document.getElementById ? document.getElementById("menuItemBox") : document.all.menuItemBox
		cross_scroll.innerHTML = menucontents
		getWidth = document.all ? cross_scroll.offsetWidth : document.getElementById("menuItem").offsetWidth
	} else if (document.layers) {
		ns_scroll = document.ns_scrollmenu.document.ns_scrollmenu2
		ns_scroll.document.write(menucontents)
		ns_scroll.document.close()
		getWidth=ns_scroll.document.width
	}
	isMenuInited=1
}


function moveleft()
{
	if (isMenuInited)
	{
		if (isIE && (parseInt(cross_scroll.style.left) > (menuwidth-getWidth)))
		{
			cross_scroll.style.left=parseInt(cross_scroll.style.left)-scrollspeed
		} else if (document.layers && (ns_scroll.left>(menuwidth-getWidth))) {
			ns_scroll.left-=scrollspeed
		}
	}
	lefttime=setTimeout("moveleft()", 50)
}

function moveright()
{
	if (isMenuInited)
	{
		if (isIE && (parseInt(cross_scroll.style.left) < 0))
			cross_scroll.style.left = parseInt(cross_scroll.style.left) + scrollspeed
		else if (document.layers && (ns_scroll.left < 0)) {
			ns_scroll.left+=scrollspeed
		}
	}
	righttime = setTimeout("moveright()", 50)
}

window.onload=fillup

if (isIE)
	document.write('<span class="menu" id="menuItem" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+menucontents+'</span>')

function place_menu()
{	
	if (isIE||document.layers)
	{
		with (document)
		{
			write('<table border="0" cellspacing="0" cellpadding="5">')
			write('<td valign="top" style="cursor: hand;" onMouseover="moveright()" onMouseout="clearTimeout(righttime)"><img src="images/leftArrow.gif" border="0"></td>')
			write('<td valign="top">')
			if (isIE){
				write('<div style="position:relative;width:'+menuwidth+';">')
				write('<div style="position:absolute;width:'+menuwidth+';height:'+(menuheight+2)+';overflow:hidden;">')
				write('<div class="menuBox" id="menuItemBox" style="position:absolute;height:'+(menuheight+2)+';left:0;top:0">')
				write('</div></div></div>')
			} else if (document.layers) {
				write('<ilayer width='+menuwidth+' height='+menuheight+' name="ns_scrollmenu">')
				write('<layer name="ns_scrollmenu2" left=-1000 top=0 height='+menuheight+'></layer></ilayer>')
			}
			
			write('</td>')
			write('<td valign="top" style="cursor: hand;" onMouseover="moveleft()" onMouseout="clearTimeout(lefttime)"><img src="images/rightArrow.gif" border="0"></td>')
			write('</table>')
		}
	}
}













*/