// JavaScript Document
// Written by Drivebymaster A.K.A. Matthew Johnston
var timeBeforeAutoHide = 700;	// Microseconds to wait before auto hiding menu(1000 = 1 second)
		var slideSpeed_out = 10;	// Steps to move sub menu at a time ( higher = faster)
		var slideSpeed_in = 10;
		var slideTimeout_out = 25;	// Microseconds between slide steps ( lower = faster)
		var slideTimeout_in = 10;	// Microseconds between slide steps ( lower = faster)
		var showSubOnMouseOver = true;	// false = show sub menu on click, true = show sub menu on mouse over
		var fixedSubMenuWidth = false;	// Width of sub menu items - A number(width in pixels) or false when width should be dynamic
		var xOffsetSubMenu = 0; 	// Offset x-position of sub menu items - use negative value if you want the sub menu to overlap main menu
		var slideDirection = 'right';	// Slide to left or right ?
		/* Don't change anything below here */
		var activeSubMenuId = false;
		var activeMainMenuItem = false;
		var currentZIndex = 1000;		
		var autoHideTimer = 0;
		var submenuObjArray = new Array();
		var okToSlideInSub = new Array();
		var subPositioned = new Array();
		function stopAutoHide()
		{
			autoHideTimer = -1;
		}
		function initAutoHide()
		{
			autoHideTimer = 0;
			if(autoHideTimer>=0)autoHide();
		}
		function autoHide()
		{
			if(autoHideTimer>timeBeforeAutoHide)
			{
				if(activeMainMenuItem){
					activeMainMenuItem.className='';
					activeMainMenuItem = false;
				}
				if(activeSubMenuId){
					var obj = document.getElementById('subMenuDiv' + activeSubMenuId);
					showSub();
				}
			}else{
				if(autoHideTimer>=0){
					autoHideTimer+=50;
					setTimeout('autoHide()',50);
				}
			}
		}	
		function getTopPos(inputObj)
		{		
		  var returnValue = inputObj.offsetTop;
		  while((inputObj = inputObj.offsetParent) != null)returnValue += inputObj.offsetTop;
		  return returnValue;
		}
		function getLeftPos(inputObj)
		{
		  var returnValue = inputObj.offsetLeft;
		  while((inputObj = inputObj.offsetParent) != null)returnValue += inputObj.offsetLeft;
		  return returnValue;
		}
		function showSub()
		{
			var subObj = false;
			if(this && this.tagName){
				var numericId = this.parentNode.id.replace(/[^0-9]/g,'');
				okToSlideInSub[numericId] = false;
				var subObj = document.getElementById('subMenuDiv' + numericId);
				if(activeMainMenuItem)activeMainMenuItem.className='';
				if(subObj){
					if(!subPositioned[numericId]){
						if(slideDirection=='right'){
							subObj.style.left = getLeftPos(submenuObjArray[numericId]['parentDiv']) + submenuObjArray[numericId]['parentDiv'].offsetWidth + xOffsetSubMenu + 'px';
						}else{
							subObj.style.left = getLeftPos(submenuObjArray[numericId]['parentDiv']) + xOffsetSubMenu + 'px';
						}
						submenuObjArray[numericId]['left'] = subObj.style.left.replace(/[^0-9]/g,'');
						subObj.style.top = getTopPos(submenuObjArray[numericId]['parentDiv']) + 'px';
						subPositioned[numericId] = true;
					}				
					subObj.style.visibility = 'visible';
					subObj.style.zIndex = currentZIndex;
					currentZIndex++;	
					this.className='activeMainMenuItem';
					activeMainMenuItem = this;
				}
			}
			else{
				var numericId = activeSubMenuId;
			}
			if(activeSubMenuId && (numericId!=activeSubMenuId || !subObj))slideMenu(activeSubMenuId,(slideSpeed_in*-1));
			if(numericId!=activeSubMenuId && this && subObj){
				subObj.style.width = '0px';	
				slideMenu(numericId,slideSpeed_out);
				activeSubMenuId = numericId;
			}
			else{
				if(numericId!=activeSubMenuId)activeSubMenuId = false;
			}
			if(showSubOnMouseOver)stopAutoHide();
		}
		function slideMenu(menuIndex,speed){
			var obj = submenuObjArray[menuIndex]['divObj'];
			var obj2 = submenuObjArray[menuIndex]['ulObj'];
			var width = obj.offsetWidth + speed;
			if(speed<0){
				if(width<0)width = 0;
				obj.style.width = width + 'px';
				if(slideDirection=='left'){
					obj.style.left = submenuObjArray[menuIndex]['left'] - width + 'px';
					obj2.style.left = '0px';
				}
				else{
					obj2.style.left = width - submenuObjArray[menuIndex]['width'] + 'px' 
				}
				if(width>0 && okToSlideInSub[menuIndex])setTimeout('slideMenu(' + menuIndex + ',' + speed + ')',slideTimeout_in); else{
					obj.style.visibility = 'hidden';
					obj.style.width = '0px';
					if(activeSubMenuId==menuIndex)activeSubMenuId=false;
				}
			}
			else{
				if(width>submenuObjArray[menuIndex]['width'])width = submenuObjArray[menuIndex]['width'];
				if(slideDirection=='left'){
					obj.style.left = submenuObjArray[menuIndex]['left'] - width + 'px';
					obj2.style.left = '0px';
				}
				else{
					obj2.style.left = width - submenuObjArray[menuIndex]['width'] + 'px' 
				}		
				obj.style.width = width + 'px';
				if(width<submenuObjArray[menuIndex]['width']){
					setTimeout('slideMenu(' + menuIndex + ',' + speed + ')',slideTimeout_out);
				}
				else{
					okToSlideInSub[menuIndex] = true;
				}
			}
		}
		function resetPosition()
		{
			subPositioned.length = 0;
		}
		function initLeftMenu()
		{
			var menuObj = document.getElementById('menu');	
			var mainMenuItemArray = new Array();
			var mainMenuItem = menuObj.getElementsByTagName('LI')[0];
			while(mainMenuItem){
				if(mainMenuItem.tagName && mainMenuItem.tagName.toLowerCase()=='li'){
					mainMenuItemArray[mainMenuItemArray.length] = mainMenuItem;
					var aTag = mainMenuItem.getElementsByTagName('A')[0];
					if(showSubOnMouseOver)
						aTag.onmouseover = showSub;	
					else
						aTag.onclick = showSub;	
				}
				mainMenuItem = mainMenuItem.nextSibling;
			}		
			var lis = menuObj.getElementsByTagName('A');
			for(var no=0;no<lis.length;no++){
				if(!showSubOnMouseOver)lis[no].onmouseover = stopAutoHide;
				lis[no].onmouseout = initAutoHide;
				lis[no].onmousemove = stopAutoHide;
			}
			for(var no=0;no<mainMenuItemArray.length;no++){
				var sub = mainMenuItemArray[no].getElementsByTagName('UL')[0];
				if(sub){
					mainMenuItemArray[no].id = 'mainMenuItem' + (no+1);
					var div = document.createElement('DIV');
					div.className='subMenu';
					document.body.appendChild(div);
					div.appendChild(sub);
					if(slideDirection=='right'){
						div.style.left = getLeftPos(mainMenuItemArray[no]) + mainMenuItemArray[no].offsetWidth + xOffsetSubMenu + 'px';
					}
					else{
						div.style.left = getLeftPos(mainMenuItemArray[no]) + xOffsetSubMenu + 'px';
					}
					div.style.top = getTopPos(mainMenuItemArray[no]) + 'px';
					div.id = 'subMenuDiv' + (no+1);
					sub.id = 'submenuUl' + (no+1);
					sub.style.position = 'relative';	
					if(navigator.userAgent.indexOf('Opera')>=0){
						submenuObjArray[no+1] = new Array();
						submenuObjArray[no+1]['parentDiv'] = mainMenuItemArray[no];
						submenuObjArray[no+1]['divObj'] = div;
						submenuObjArray[no+1]['ulObj'] = sub;
						submenuObjArray[no+1]['width'] = sub.offsetWidth;
						submenuObjArray[no+1]['left'] = div.style.left.replace(/[^0-9]/g,'');
					}
					sub.style.left = 1 - sub.offsetWidth + 'px';	
					if(document.all)div.style.width = '1px';	
					if(navigator.userAgent.indexOf('Opera')<0){
						submenuObjArray[no+1] = new Array();
						submenuObjArray[no+1]['parentDiv'] = mainMenuItemArray[no];
						submenuObjArray[no+1]['divObj'] = div;
						submenuObjArray[no+1]['ulObj'] = sub;
						submenuObjArray[no+1]['width'] = sub.offsetWidth;
						submenuObjArray[no+1]['left'] = div.style.left.replace(/[^0-9]/g,'');
						if(fixedSubMenuWidth)submenuObjArray[no+1]['width'] = fixedSubMenuWidth;
					}	
	
					if(!document.all)div.style.width = '1px';			
				}			
			}
			menuObj.style.visibility = 'visible';
			window.onresize = resetPosition;
		}
		window.onload = initLeftMenu;