window.addEvent('domready', function(){
																		 
	//Vertical Sliding SubMenu navigation using Mootools
	//Author: Systems Venture Inc. (www.systemsventure.com)
	//Created: August 29th 2007
	
	//create arrays of class elements
	var mainMenuBoxes = $$('.mainMenuLinkContainer');
	var mainMenuLinks = $$('.mainMenuLink');
	var subMenuOuterBoxes = $$('.subMenuOuterContainer');
	var subMenuInnerBoxes = $$('.subMenuInnerContainer');
	
	//loop through all mainMenuContainer array elements
	mainMenuBoxes.each(function(mainMenuBox, i){
		//initialize transition effects to subMenu Containers
		var subMenuOuterBoxFx = new Fx.Morph(subMenuOuterBoxes[i], {wait:false, duration: 500, transition: Fx.Transitions.Expo.easeOut});
		var subMenuInnerBoxFx = new Fx.Morph(subMenuInnerBoxes[i], {wait:false, duration: 500, transition: Fx.Transitions.Expo.easeOut});
		
		//IBrowser Specific SubMenuInnerContainer Width Extraction
		if(window.gecko){
			var subMenuInnerBoxWidthInt = subMenuInnerBoxes[i].getStyle('width').toInt()-3;
		} else {
			var subMenuInnerBoxWidthInt = subMenuInnerBoxes[i].getStyle('width').toInt();
		}
		var subMenuInnerBoxHeightInt = subMenuInnerBoxes[i].getStyle('height').toInt()+6;
		
		//setting Styles for Containers needed for Vertical slide animation 
		subMenuOuterBoxes[i].setStyle('width', subMenuInnerBoxWidthInt);
		subMenuInnerBoxes[i].setStyle('top', -subMenuInnerBoxHeightInt);
		
		//apply all effect for vertical slide down animation of SubMenu onmouseover mainMenu Element
		mainMenuBox.addEvent('mouseover', function(){
			//alert(subMenuInnerBoxHeightInt);
			mainMenuLinks[i].setStyles({
				'background-position':'8px -14px'
			});
			subMenuOuterBoxFx.start({
				'opacity':.9,
				'height': subMenuInnerBoxHeightInt
			});
			subMenuInnerBoxFx.start({
				'top':0
			});
		});
	 	
		//apply all effect for vertical slide up animation of SubMenu onmouseout mainMenu Element
		mainMenuBox.addEvent('mouseout', function(){
			mainMenuLinks[i].setStyles({
				'background-position': '8px 0px'
			});
			subMenuOuterBoxFx.start({
				'opacity':0,
				'height': 0
			});
			subMenuInnerBoxFx.start({
				'top':-subMenuInnerBoxHeightInt
			});
		});	
	});
});