// JavaScript Document

 	Menu = function(){
		// Settings
			this.lvl1_ID				= "level1_glbl";
			this.lvl1_btns				= 6;						
			this.lvl1_StyleOn			= "lvl1";
			this.lvl1_StyleOff			= "lvl1";				
			this.lvl2_ID				= "level2_glbl";		
			this.lvl2_StyleOn			= "lvl2_On";
			this.lvl2_StyleOff			= "lvl2_Off";
			
			this.delay					= 4000;
			
		// Define Objects
			this.topMenuObj = ( findObj(this.lvl1_ID) )? findObj(this.lvl1_ID) : null;
			this.subMenuObj = ( findObj(this.lvl2_ID) )? findObj(this.lvl2_ID) : null;
		
		// Define private variables
			this.activeMenu			= null;
			this.previousMenu		= null;
			this.lvl2_State 		= false;
			this.urlFolders = document.location.toString().split("/");
			//this.baseUrl	= 'http://'+this.urlFolders[2]+'/';
			
			this.http 		= "http";
			if (this.urlFolders[0] = "https:"){
				//this.http = "https";
			}
			this.baseUrl	= this.http+'://'+this.urlFolders[2]+'/';
			
		
		
		// Define Submenus
			this.subMenu = new Array(this.lvl1_btns);
			this.subMenu[1] = '<div id="s_1" class="lvl2_defination">'
								+ '<div class="s_id">'
								+ '<table id="i_1"  height="23" border="0" cellspacing="0" cellpadding="0">'
								+ '	<tr>'
								+ '	<td class="menuItem_Off" id="i_1_0" onMouseOver="if (window.globalMenu) window.globalMenu.moverSubItemEvent(this.id);" onMouseOut="if (window.globalMenu) window.globalMenu.moutSubItemEvent(this.id);" onClick="urlRedirect(\''+this.baseUrl+'company/aboutUs.php\') " >About Us</td>'
								+ '	<td class="divider">|</td>'
								+ '	<td class="menuItem_Off" id="i_1_1" onMouseOver="if (window.globalMenu) window.globalMenu.moverSubItemEvent(this.id);" onMouseOut="if (window.globalMenu) window.globalMenu.moutSubItemEvent(this.id);" onClick="urlRedirect(\''+this.baseUrl+'company/locations.php\') " >Locations</td>'
								+ '	<td class="divider">|</td>'
								+ '	<td class="menuItem_Off" id="i_1_2" onMouseOver="if (window.globalMenu) window.globalMenu.moverSubItemEvent(this.id);" onMouseOut="if (window.globalMenu) window.globalMenu.moutSubItemEvent(this.id);" onClick="urlRedirect(\''+this.baseUrl+'company/news.php\') " >News</td>'
								+ '	<td class="divider">|</td>'
								+ '	<td class="menuItem_Off" id="i_1_3" onMouseOver="if (window.globalMenu) window.globalMenu.moverSubItemEvent(this.id);" onMouseOut="if (window.globalMenu) window.globalMenu.moutSubItemEvent(this.id);" onClick="urlRedirect(\''+this.baseUrl+'company/calendar.php\') " >Event Calendar</td>'
								+ '	<td class="divider">|</td>'
								+ '	<td class="menuItem_Off" id="i_1_4" onMouseOver="if (window.globalMenu) window.globalMenu.moverSubItemEvent(this.id);" onMouseOut="if (window.globalMenu) window.globalMenu.moutSubItemEvent(this.id);" onClick="urlRedirect(\''+this.baseUrl+'company/tradeshows.php\') " >Tradeshows</td>'
								+ '	<td class="divider">|</td>'
								+ '	<td class="menuItem_Off" id="i_1_5" onMouseOver="if (window.globalMenu) window.globalMenu.moverSubItemEvent(this.id);" onMouseOut="if (window.globalMenu) window.globalMenu.moutSubItemEvent(this.id);" onClick="urlRedirect(\''+this.baseUrl+'company/linecard.php\') " >Manufacturer Line Card</td>'
								+ '	<td class="divider">|</td>'
								+ '	<td class="menuItem_Off" id="i_1_6" onMouseOver="if (window.globalMenu) window.globalMenu.moverSubItemEvent(this.id);" onMouseOut="if (window.globalMenu) window.globalMenu.moutSubItemEvent(this.id);" onClick="urlRedirect(\''+this.baseUrl+'company/contactUs.php\') " >Contact Us</td>'
								+ '	</tr>'
								+ '	</table>'
								+ '	</div>'
								+ '	</div>';
					
			this.subMenu[2] = '<div id="s_2" class="lvl2_defination">'
								+ '<div class="s_id">'
								+ '<table id="i_2" height="23" border="0" cellspacing="0" cellpadding="0">'
								+ '<tr>'
								+ '<td class="menuItem_Off" id="i_2_0" onMouseOver="if (window.globalMenu) window.globalMenu.moverSubItemEvent(this.id);" onMouseOut="if (window.globalMenu) window.globalMenu.moutSubItemEvent(this.id);" onClick="urlRedirect(\''+this.baseUrl+'services/customerApplication.php\') ">New Customer/Credit Application</td>'
								+ '	<td class="divider">|</td>'
								+ '<td class="menuItem_Off" id="i_2_2" onMouseOver="if (window.globalMenu) window.globalMenu.moverSubItemEvent(this.id);" onMouseOut="if (window.globalMenu) window.globalMenu.moutSubItemEvent(this.id);" onClick="urlRedirect(\''+this.baseUrl+'services/webRegistration.php\') ">Customer Website Registration</td>'
								+ '	<td class="divider">|</td>'
								+ '<td class="menuItem_Off" id="i_2_3" onMouseOver="if (window.globalMenu) window.globalMenu.moverSubItemEvent(this.id);" onMouseOut="if (window.globalMenu) window.globalMenu.moutSubItemEvent(this.id);" onClick="urlRedirect(\''+this.baseUrl+'services/esolutions.php\') ">eSolutions</td>'
								+ '</tr>'
								+ '</table>'
								+ '</div>'
								+ '</div>';
					
			this.subMenu[3] = '<div id="s_3" class="lvl2_defination">'
								+ '<div class="s_id">'
								+ '<table id="i_3" height="23" border="0" cellspacing="0" cellpadding="0">'
								+ '<tr>'
								+ '<td class="menuItem_Off" id="i_3_0" onMouseOver="if (window.globalMenu) window.globalMenu.moverSubItemEvent(this.id);" onMouseOut="if (window.globalMenu) window.globalMenu.moutSubItemEvent(this.id);" onClick="urlRedirect(\''+this.baseUrl+'expo/information.php\') ">Information</td>'
								+ '	<td class="divider">|</td>'
								+ '<td class="menuItem_Off" id="i_3_1" onMouseOver="if (window.globalMenu) window.globalMenu.moverSubItemEvent(this.id);" onMouseOut="if (window.globalMenu) window.globalMenu.moutSubItemEvent(this.id);" onClick="urlRedirect(\''+this.baseUrl+'expo/calendar.php\') ">Calendar</td>'
								+ '	<td class="divider">|</td>'
								+ '<td class="menuItem_Off" id="i_3_2" onMouseOver="if (window.globalMenu) window.globalMenu.moverSubItemEvent(this.id);" onMouseOut="if (window.globalMenu) window.globalMenu.moutSubItemEvent(this.id);" onClick="urlRedirect(\''+this.baseUrl+'expo/registration.php\') ">Registration</td>'
								//+ '	<td class="divider">|</td>'
								//+ '<td class="menuItem_Off" id="i_3_3" onMouseOver="if (window.globalMenu) window.globalMenu.moverSubItemEvent(this.id);" onMouseOut="if (window.globalMenu) window.globalMenu.moutSubItemEvent(this.id);" onClick="urlRedirect(\''+this.baseUrl+'expo/showguide.php\') ">Show Guide</td>'

								+ '</tr>'
								+ '</table>'
								+ '</div>'
								+ '</div>';
			this.setBehaviors();
	
		}
		// get id Number
			Menu.prototype.getIDNumber = function(mIdNmbr){
				if ( isNaN(mIdNmbr) && (mIdNmbr != "") && (mIdNmbr != null )){
				 	var mID = new String(mIdNmbr)
					var slicer=mID.slice(2,5)
					mIdNmbr = parseInt(slicer);
					return mIdNmbr;
				}else{
				 	return mIdNmbr;
				}	
			}
		
		// set menu behaviors
			Menu.prototype.setBehaviors = function(){
				var tmpBtn;
				var i;
				
				if (this.topMenuObj){
					for(i=0; i < this.lvl1_btns; i++){
						tmpBtn = findObj("m_" + i);
						if (tmpBtn){
							tmpBtn.onmouseover =  function(){if (window.globalMenu) window.globalMenu.moverTopEvent(this.id); };
							tmpBtn.onmouseout  =  function(){if (window.globalMenu) window.globalMenu.moutTopEvent(this.id); };
							//alert(tmpBtn.id + "|" + tmpBtn.onmouseover + "|" + tmpBtn.onmouseout);
						}
					}
				}
				
				// sub menu
				if (this.subMenuObj){
					this.subMenuObj.onmouseover = function(){if (window.globalMenu) window.globalMenu.moverSubEvent(); };
					this.subMenuObj.onmouseout  = function(){if (window.globalMenu) window.globalMenu.moutSubEvent(); };
				}
			}
		
		// Private Functions -----------------------------------------
			Menu.prototype.startTimer = function(fnct,dur){				
				this.sTimer = setTimeout(fnct, dur);
			}
			Menu.prototype.stopTimer = function(){
				clearTimeout(this.sTimer);
			}
			
			Menu.prototype.changeMenu = function(mID){
				this.previousMenu = this.activeMenu;			
				if(isNaN(mID)){
					this.activeMenu = null;
				}else{
					this.activeMenu = parseInt(mID);	
				}			
			}
		// ------------------------------------------------------------
		
		
		/* Sub Menu Actions -----------------------------------------			
			position, load, unload, hide, show, 	
		   ---------------------------------------------------------*/
		    Menu.prototype.positionSubMenu = function(){
				var lvl1_Info		= getHTMLObjProps( this.topMenuObj );
				var s_Obj = findObj("s_"+this.activeMenu);
				var m_Obj = findObj("m_"+this.activeMenu);
				if (s_Obj && m_Obj){						
					if( document.layers ){
						s_Obj.style.paddingLeft = (getHTMLObjProps( m_Obj ).x - getHTMLObjProps( this.subMenuObj ).x)+"px";
					}else{
						s_Obj.style.paddingLeft = (getHTMLObjProps( m_Obj ).x - getHTMLObjProps( this.subMenuObj ).x)+"px";
					}
				}				
			}
			
		   
			Menu.prototype.loadSubMenu = function(mID) {			
				if(isNaN(mID)){
					return false;				
				}else{
					this.subMenuObj.innerHTML = this.subMenu[mID];
					return true;
				}
			}			
			Menu.prototype.unloadSubMenu = function() {
				this.subMenuObj.innerHTML = "";
			}
			
			
			Menu.prototype.hideSubMenu 		= function() {
				this.subMenuObj.className 	= this.lvl2_StyleOff;
				this.lvl2_State 			= false;
			}
			Menu.prototype.showSubMenu = function() {
				this.stopTimer();
				this.unloadSubMenu();
				
				if(this.subMenu[this.activeMenu]){				
					if(this.loadSubMenu(this.activeMenu)){
						this.subMenuObj.className 	= this.lvl2_StyleOn;					
						this.lvl2_State 			= true;
						this.positionSubMenu();
					}
				}else{
					this.hideSubMenu();
				}
			}
		// ------------------------------------------------------------

		
		/* Top Menu Actions -----------------------------------------			
			on, off		
		   ---------------------------------------------------------*/	
			Menu.prototype.menuObjOn 	= function(mObj){
				mObj.className 			= "menuItem_On";
			}
			
			Menu.prototype.menuObjOff 	= function(mObj){
				mObj.className 			= "menuItem_Off";
			}
		// ------------------------------------------------------------		


// Events -----------------------------------------------------------------------
		/* Top Menu Events -----------------------------------------			
			load, unload, hide, show		
		   ---------------------------------------------------------*/
				Menu.prototype.moverTopEvent = function(mID) {
					this.stopTimer();
					mID = this.getIDNumber(mID);
					this.changeMenu(mID);
				// set menu obj states
					var pItem	= findObj("m_"+this.previousMenu);
					if(pItem){this.menuObjOff(pItem);}			
					var aItem	= findObj("m_"+this.activeMenu);			
					if(aItem){this.menuObjOn(aItem);}				
				// change menu style
					this.topMenuObj.className = this.lvl1_StyleOn;
				// show sub menu
					this.showSubMenu(); 
				}
		
				Menu.prototype.moutTopEvent = function() {
					var mItem	= findObj("m_"+this.activeMenu);
				// if found change style
					if (mItem){	mItem.className = "menuItem_Off"; }
				// start hide menu timer
					this.startTimer('window.globalMenu.unloadSubMenu()',this.delay);
					//this.startTimer('window.globalMenu.hideSubMenu()',this.delay);
					
				}
		
			//-- Sub Menu -----------------------------------------------
				Menu.prototype.moverSubEvent = function() {
					// stop delay timer
					this.stopTimer();
					// turn on top menu item
					var mItem	= findObj("m_"+this.activeMenu);
					if(mItem){ this.menuObjOn(mItem); }
				}
				
				Menu.prototype.moutSubEvent = function() {
					var mItem	= findObj("m_"+this.activeMenu);
					if(mItem){
						this.menuObjOff(mItem);	
						this.startTimer('window.globalMenu.unloadSubMenu()',this.delay);			
					}
				}
		
		
		
		
			//-- Sub Menu Items -----------------------------------------------
				
				Menu.prototype.moverSubItemEvent = function(sID) {
				// find Mouse Over Menu Item			
					var sItem	= findObj(sID);
					// if found change style 
					if (sItem){ this.menuObjOn(sItem); }
				}
				
				Menu.prototype.moutSubItemEvent = function(sID) {
				// find Mouse Over Menu Item			
					var sItem	= findObj(sID);
					// if found change style 
					if (sItem){ this.menuObjOff(sItem);}
				}
		
		
		//var onloadAction = function(){
			//window.globalMenu = new Menu();			
		//}
		
		//document.body.onLoad = onloadAction();