window.addEvent('domready', function(){
																		 
	//Vertical Sliding SubMenu and Horizonal Sliding Submenu navigation using Mootools
	//Author: Abu Zakaria
	//Created: August 26th 2007
	
	//create arrays of class elements
	var mainMenuBoxes = $$('.mainMenuLinkContainer');
	var subMenuOuterBoxes = $$('.subMenuOuterContainer');
	var subMenuInnerBoxes = $$('.subMenuInnerContainer');
	var subSubMenuOuterBoxes = $$('.subSubMenuOuterContainer');
	var subSubMenuInnerBoxes = $$('.subSubMenuInnerContainer');
	var subMenuLinks = $$('.subMenuLink');
	var hasSubSubMenuBoxes = $$('.hasSubSubLink');
	
	//loop through all mainMenuContainer array elements
	mainMenuBoxes.each(function(mainMenuBox, i){
		//initialize transition effects to subMenu Containers
		var subMenuOuterBoxFx = new Fx.Styles(subMenuOuterBoxes[i], {wait:false, duration: 500, transition: Fx.Transitions.Expo.easeOut});
		var subMenuInnerBoxFx = new Fx.Styles(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();
		}
		
		//setting Styles for Containers needed for Vertical slide animation 
		subMenuOuterBoxes[i].setStyle('width', subMenuInnerBoxWidthInt); 
		
		//apply all effect for vertical slide down animation of SubMenu onmouseover mainMenu Element
		mainMenuBox.addEvent('mouseover', function(){
			onOverImage(i);
			subMenuOuterBoxFx.start({
				'opacity':.9,
				'height': 434
			});
			subMenuInnerBoxFx.start({
				'top':0
			});
		});
	 	
		//apply all effect for vertical slide up animation of SubMenu onmouseout mainMenu Element
		mainMenuBox.addEvent('mouseout', function(){
			onOutImage(i);
			subMenuOuterBoxFx.start({
				'opacity':0,
				'height': 0
			});
			subMenuInnerBoxFx.start({
				'top':-434
			});
		});	
	});
	
	//loop through all SubMenu array elements that has SubSubMenu
	hasSubSubMenuBoxes.each(function(hasSubSubMenuBox, j){
		//initialize variables and set Styles for Containers needed for Horizital slide animation 
		var parentSubMenuOuterBox = hasSubSubMenuBox.getParent().getParent();
		var parentSubMenuInnerBoxWidthInt = hasSubSubMenuBox.getParent().getStyle('width').toInt();
		var subSubMenuInnerBoxWidthInt = subSubMenuInnerBoxes[j].getStyle('width').toInt();
		var subMenuOuterBoxWidthInt = subSubMenuInnerBoxWidthInt + parentSubMenuInnerBoxWidthInt;
		subSubMenuOuterBoxes[j].setStyle('left', parentSubMenuInnerBoxWidthInt);
		subSubMenuInnerBoxes[j].setStyle('left', -parentSubMenuInnerBoxWidthInt);
		
		//initialize transition effects to SubSubMenu Containers
		var subSubMenuOuterBoxFx = new Fx.Styles(subSubMenuOuterBoxes[j], {wait:false, duration: 500, transition: Fx.Transitions.Expo.easeOut});
		var subSubMenuInnerBoxFx = new Fx.Styles(subSubMenuInnerBoxes[j], {wait:false, duration: 500, transition: Fx.Transitions.Expo.easeOut});
		var parentSubMenuOuterBoxFx = new Fx.Styles(parentSubMenuOuterBox, {wait:false, duration: 500, transition: Fx.Transitions.Expo.easeOut});
		
	
		//apply all effect for horizonal slide right animation of SubSubMenu onmouseover HasSubSubLink Element
		hasSubSubMenuBox.addEvent('mouseenter', function(){
			//parentSubMenuOuterBox.setStyle('width', subMenuOuterBoxWidthInt);
			/*parentSubMenuOuterBox.effect('width',{
				wait:false,
				duration: 810,
				transition: Fx.Transitions.Expo.easeOut
			}).start(subMenuOuterBoxWidthInt);*/
			parentSubMenuOuterBoxFx.start({
				'width':subMenuOuterBoxWidthInt
			});
			subSubMenuOuterBoxFx.start({
				'width':subSubMenuInnerBoxWidthInt
			});
			subSubMenuInnerBoxFx.start({
				'left':0
			});
			hasSubSubMenuBox.getFirst().setStyles({
				'border-bottom':'1px solid #666666',
				'background':'#CFE0FC',
				'color':'#CC0000'
			});
		});
		
		//apply all effect for horizonal slide left animation of SubSubMenu onmouseout HasSubSubLink Element
		hasSubSubMenuBox.addEvent('mouseleave', function(){
			//parentSubMenuOuterBox.setStyle('width', parentSubMenuInnerBoxWidthInt);
			//(function(){parentSubMenuOuterBox.setStyle('width', parentSubMenuInnerBoxWidthInt);}).delay(800);
			//alert(j);
			/*parentSubMenuOuterBox.effect('width',{
				wait:false,
				duration: 785,
				transition: Fx.Transitions.Expo.easeOut
			}).start(parentSubMenuInnerBoxWidthInt);
			subMenuOuterBoxFx.start({
				'width':parentSubMenuInnerBoxWidthInt
			});*/
			parentSubMenuOuterBoxFx.start({
				'width':parentSubMenuInnerBoxWidthInt
			});
			subSubMenuOuterBoxFx.start({
				'width':0
			});
			subSubMenuInnerBoxFx.start({
				'left':-parentSubMenuInnerBoxWidthInt
			});
			hasSubSubMenuBox.getFirst().setStyles({
				'border-bottom':'1px solid #ffffff',
					'background-color':'#CFE0FC',
					'color':'#000000'
				});
			});
		});	
	//------------End of Sliding Navigation Script------------//
	
	//fuction for swapping mainMenuNav image on RollOver
	function onOverImage(i){
		document.getElementById('Nav0'+i).src=document.getElementById('Nav0'+i).src.replace(/off/g,'off');
	}
	
	//fuction for swapping mainMenuNav image on RollOver
	function onOutImage(i){
		document.getElementById('Nav0'+i).src=document.getElementById('Nav0'+i).src.replace(/off/g,'off');
	}
	
	/*/leftpanel horizontal sliding
	var leftPanelExpanded = true;							 
	document.getElementById('leftpanel_tiles_container_outer').style.display="block";
	var mySlide2 = new Fx.Slide('leftpanel_tiles_container_outer', {mode: 'horizontal'});
	var sPath = window.location.pathname;
  var sPage = sPath.substring(sPath.lastIndexOf('/') + 1);
	
	if(sPage!="marketing_landing.php")
	{
		leftPanelExpanded = false;
		document.getElementById('left_panel_toggle').style.backgroundImage="url(images/leftpanel_arrow_right.gif)";
		mySlide2.hide();
	}

	$('left_panel_toggle').addEvent('click', function(e){
													  
		e = new Event(e);
		mySlide2.toggle();
		
		if (leftPanelExpanded == false)
		{
			document.getElementById('left_panel_toggle').style.backgroundImage="url(images/leftpanel_arrow_left.gif)";
			leftPanelExpanded = true;
		}
		else
		{
			document.getElementById('left_panel_toggle').style.backgroundImage="url(images/leftpanel_arrow_right.gif)";
			leftPanelExpanded = false;
		}
		e.stop();
	});
	//------------End of Left Panel Sliding Script------------/*/
}); 

//MM funcitons for image preloading and swapping
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}