/**
 * menuMatic 
 * @version 0.68.3 (beta)
 * @author Jason J. Jaeger | greengeckodesign.com
 * @copyright 2008 Jason John Jaeger
 * @license MIT-style License
 *			Permission is hereby granted, free of charge, to any person obtaining a copy
 *			of this software and associated documentation files (the "Software"), to deal
 *			in the Software without restriction, including without limitation the rights
 *			to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 *			copies of the Software, and to permit persons to whom the Software is
 *			furnished to do so, subject to the following conditions:
 *	
 *			The above copyright notice and this permission notice shall be included in
 *			all copies or substantial portions of the Software.
 *	
 *			THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 *			IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 *			FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 *			AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 *			LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 *			OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 *			THE SOFTWARE.
 *	
 *  @changeLog_________________________________________________________________________________
 *  
 *  Nov  15th 2008
 *  JJJ - incremented version to 0.68.3
 *  	- Fixed bug which occured when ol was used instead of ul.. was because you c;annot use selectors such 
 *  		as 'ul, ol' with getParent() and getNext() despite the mootool documentation saying "if Selectors 
 *  		is included, a full CSS selector can be passed."
 *  
 *  Nov 4th 2008
 *  JJJ - incremented version to 0.68.2
 *  	- Removed extranious comma which threw an error in IE. (Thanks to Robert S. for catching that)
 *  	- Added check to change the opacity to 99.9 if it is over 99 due to the fact that 
 *  		setting the opaicty to 100% in safari caused misc strange behaviour (thanks to Roland Barker 
 *  		at xnau webdesign for reporting this one)
 *  
 *  Nov 3rd 2008
 *  JJJ - Renamed menuWidth option to stretchMainMenu and made it work much quicker
 *  
 *  Nov 2nd 2008
 *  JJJ - Finished adding several callback functions
 *  	- Added fixHasLayoutBug option
 *  
 *  Oct 4th 2008
 *  JJJ - Continued to go through code to optimize and clean it up
 *  	- Added center option
 *  
 *  Sept 28th 2008
 *  JJJ - Incremented version to 0.68
 *  	- Began optimizing & better commenting code
 *  
 *  Sept 16th 2008
 *  JJJ - Incremented version to 0.67
 *  	- Specifically set each submenu z-index on show, incrementing each time. Set z-index back to 1 on hide.
 *  
 *  Sept 14th 2008
 *  JJJ - Added bottom edge detection and redirection (if bottom of subsequent submenu is lower than the scrollheight of the body)
 *  
 *  Sept 10th 2008
 *  JJJ - Did a google search for MooMenu and it looks like that name is already being used, so I must reluctently change the name.
 *  		The name I have chose to move forward with is: MenuMatic.
 *  
 *  Sept 8th 2008
 *  JJJ - Incremented version to 0.66
 *  	- Fixed IE bug whiched caused some events to be incorrectly attached to parent buttons causing sub submenus to not open
 *  	  correctly when transitions are enabled. This error was introduced in 0.65. 
 *  
 *  August 10th 2008
 *  JJJ - Incremented verion to 0.65
 *  	- Fixed bug with edge detection and redirection
 *  	- Improved javascript and CSS to assure the submenus will always be on top
 *  	- Improved edge detection and redirection logic
 *  	- Added subMenusContainerId option so that if you have multiple MooMenu instances on a page they can be styled differently
 *  
 *  May 7th 2008
 *  JJJ - Incremented version to 0.64
 *  	- Fixed bug with that occured when firing events
 *  
 *  April 28th 2008:
 *  JJJ - Incremented version to 0.63
 *  	- Added killDivider option
 *  	- Removed focus on hover since it adds browser default dotted outline
 *  	- Changed menuWidth option to use actual width of nav element (so it can be set in css) instead of a width set in javascript
 *  
 *  Feb 17th 2008:
 *  JJJ - Incremented version to 0.62
 *  	- Added mmbClassName and mmbFocusedClassName options to allow morphing of main menu btns
 *  
 *  Feb 16th 2008:
 *  JJJ - Incremented version to 0.61
 *  	- Made changes to options syntax. 
 *  	- Improved keyboard accessability to take into account a menu's orientation, and its x and y direction when using arrow keys
 *  	- Added matchWidthMode option.
 *  
 *  Feb 14th 2008:
 *  JJJ - Incremented version to 0.60
 *  	- Added menuWidth option to simulate a table based layout for the main menu when the orienation is horizontal
 **/


/*
 * To Do:
 * 
 * 1. Make screencast tutorials
 * 
 * 2. Add more examples to website
 * 
 * 3. Clean up/optimize CSS / make easier to edit 
 * 
 * 4. Make online generator 
 * 
 * 5. Add rounded corners option
 * 
 * 6. Add drop shadow option
 * 
 * 7. Add sound integration 
 * 
 */
var markActiveMenuPoint=null;
var markSubmenuHeight=0;

var MenuMatic = new Class({
	
	Implements: Options,
	options: {
        id: 'nav',//the id of the main menu (ul or ol)
        subMenusContainerId:'subMenusContainer',//id of the container div that will be generated to hold the submenus 
		
		//subMenu behavior
		effect: 'slide & fade',// 'slide', 'fade', 'slide & fade', or  null
		duration: 200,//duration of the effect in milliseconds
		physics: Fx.Transitions.Pow.easeOut,//how the effect behaves
		hideDelay: 1000,//in milliseconds, how long you have after moving your mouse off of the submenus before they dissapear
		yPosSubmenu:"7px", 
		//layout
		stretchMainMenu:false,//stretch main menu btn widths to fit within the width {set in the css} of the parent UL or OL
		matchWidthMode:false,//initial submenus match their parent button's width
		orientation: 'horizontal',//horizontal or vertical
		direction:{	x: 'right',	y: 'down' },//for submenus ( relative to the parent button )left or right, up or down
		tweakInitial:{ x:0, y:20},//if you need to tweak the placement of the initial submenus
		tweakSubsequent:{ x:20, y:0 },//if you need to tweak the placement of the subsequent submenus
		center: false,// will attempt to center main nav element
		
		//dynamic style
		opacity: 100,//of the submenus
		mmbFocusedClassName:null,//main menu button classname, used for morphing to focused state
		mmbClassName:null,//main menu button classname, used for morphing back to original state
		killDivider:null,	
		
		fixHasLayoutBug:false,	
		
		onHideAllSubMenusNow_begin: (function(){}),
		onHideAllSubMenusNow_complete: (function(){}),
		
		onInit_begin: (function(){}),
		onInit_complete: (function(){})		
		
    },
    
	hideAllMenusTimeout:null,
	allSubMenus:[],
	subMenuZindex:1,

	//markActiveMenuPoint:null,
	
	initialize: function(options){		
		//if(Browser.Engine.webkit419){return;}		
        this.setOptions(options);
		this.options.onInit_begin();
		this.markObject = Object;
		if(this.options.opacity > 99){this.options.opacity = 100;}
		this.options.opacity = 100;
		this.markTransMaskZIndex;
		this.subMenuIsVisible = false;
		this.markActiveMenuPointLevel0;
		this.timer = null;
		this.pageX;
		this.pageY;
		this.aSubMenu;
		this.FxSubMenusContainerStart = new Fx.Tween('subMenusContainer', {
			property: 'height',
			duration: 200, 
			transition: Fx.Transitions.Quart.easeInOut
		});
		Element.implement({
		    getId: function(){
				//If this element does not have an id, give it a unique one
		        if(!this.id){ 
					var uniqueId = this.get('tag') + "-" + $time();
					while($(uniqueId)){
						//make sure it is absolutely unique
						uniqueId = this.get('tag') + "-" + $time();						
					}
					this.id = uniqueId;						
				}
			    return this.id;
		    }
		});
		
		for(i=1;i < 10;i++)
		{
			if($("m0_" + i + "topnavi") != null)
				$("m0_" + i + "topnavi").style.display = "inline";
			else
				break;
		}
		
		//initialize directions
		
		this.options.direction.x = this.options.direction.x.toLowerCase();
		this.options.direction.y = this.options.direction.y.toLowerCase();
		if(this.options.direction.x === 'right'){
			this.options.direction.xInverse = 'left';
		}else if(this.options.direction.x === 'left'){
			this.options.direction.xInverse = 'right';
		}
		if(this.options.direction.y === 'up'){
			this.options.direction.yInverse = 'down';
		}else if(this.options.direction.y === 'down'){
			this.options.direction.yInverse = 'up';
		}
		
		var links = $(this.options.id).getElements('a');
		
		links.each(function(item,index){
			
			//store parent links & child menu info
			item.store('parentLinks', item.getParent().getParents('li').getFirst('a'));
			var objUl = item.getNext('ul');
			if(objUl != null)
				objUl.style.visibility = "visible";
			item.store('parentLinks',item.retrieve('parentLinks').erase(item.retrieve('parentLinks').getFirst()));
			item.store('childMenu',item.getNext('ul') || item.getNext('ol'));
			
			//determine submenu type
			theSubMenuType = 'subsequent';
			
			//console.log($(this.options.id).getElements('ul, ol'));
			//console.log(item.getParent(['body ul,ol']));
			
			//console.log($(item.getParent('ul') || item.getParent('ol') ));
			
			if( $(item.getParent('ul') || item.getParent('ol') ).id === this.options.id){theSubMenuType = 'initial';	}
			item.store('subMenuType',theSubMenuType );
			
			//add classes to parents
			if(theSubMenuType === 'initial' && $(item.getNext('ul') || item.getNext('ol') )){
				item.addClass('mainMenuParentBtn');
			}else if($(item.getNext('ul') || item.getNext('ol') )){
				item.addClass('subMenuParentBtn');
			}			
		}.bind(this));
		
		//rip the submenus apart into separate divs inside of subMenusContainer
		var subMenusContainer = new Element('div', { 'id': this.options.subMenusContainerId	}).inject( $('topnavigation') ,'bottom');
		var menuContainerArrow = new Element('img', { 'id': 'menuContainerArrow'}).setProperties({'src':'fileadmin/layout/images/topnavigation/menue_pfeil_oben_13_8.png'}).inject( $('mainnavi') ,'bottom');


		
		$("body").addEvents({
			'mousemove': function(e){
				objNav = $("mainnavi");
				addHeight = 0;
	//			if(((mouseY  >= Thumb1y) && (mouseY <= Thumb1h)) && ((mouseX >= Thumb1x) && (mouseX <= Thumb1w))) //Befindet sich die Maus in ThumbmailContent Bereich dann diesen als Aktiv kennzeichen.
				if(isEffectReady == true)
				{
					addHeight = $("subMenusContainer").getHeight();
				}
				if(((e.page.y  >= objNav.getTop()) && (e.page.y <= (60 + objNav.getTop() + addHeight))) && ((e.page.x >= objNav.getLeft()) && (e.page.x <= (720 + objNav.getLeft())))) //Befindet sich die Maus in ThumbmailContent Bereich dann diesen als Aktiv kennzeichen.
				{
					this.startMenuDisplay(e);
				}
				else
				{
					pageIsNewLoaded = false;
					if(lightboxIsActive == false)
					{
						if(this.aSubMenu != null)
						{
//if(isEffectReady == true)
document.getElementById("menuContainerArrow").style.display = "none"; //Karl, falls mit Effekt gewünscht diese Zeile löschen

							if(isEffectReady == 2) //karl --> die 2 wieder auf true setzen
							{
								isFirstLevelOverrun = "outOfBox";
								this.mouseOutOfContainer(e);
								this.subMenuIsVisible = false;
								this.aSubMenu.restoreActiveMenuPointFirstLevel();
								this.hideAllSubMenusNow();
								this.hideAllSubMenusMouseOut();
								MenuMatic.aSubMenu.killLayer;	
								Object = this.markObject;
								this.displayOrNotSelectFields("visible");					
								MenuMatic.aSubMenu.killLayer.delay(700);
							}
							else
							{
								$clear(this.timer);
								this.timer = null;
						    	objTrans = $("transMask");
						    	objTrans.style.display = "none";
								$("subMenusContainer").style.top = "-2000px";
					
								if(this.subMenuIsVisible == true)
								{		
										isFirstLevelOverrun = "outOfBox";
										//this.mouseOutOfContainer(e);
										this.subMenuIsVisible = false;
										this.aSubMenu.restoreActiveMenuPointFirstLevel();
										this.hideAllSubMenusNow();
										this.hideAllSubMenusMouseOut();
										this.aSubMenu.killLayer;	
										Object = this.markObject;
										this.displayOrNotSelectFields("visible");					
										this.aSubMenu.killLayer.delay(700);
								}
							}
						}
						else
						{
							if(lightboxIsActive == false)
							{
								$clear(this.timer);
								this.timer = null;
						    	objTrans = $("transMask");
						    	objTrans.style.display = "none";
								$("subMenusContainer").style.top = "-2000px";
					
								if(this.subMenuIsVisible == true)
								{		
										isFirstLevelOverrun = "outOfBox";
										//this.mouseOutOfContainer(e);
										this.subMenuIsVisible = false;
										this.aSubMenu.restoreActiveMenuPointFirstLevel();
										this.hideAllSubMenusNow();
										this.hideAllSubMenusMouseOut();
										this.aSubMenu.killLayer;	
										Object = this.markObject;
										this.displayOrNotSelectFields("visible");					
										this.aSubMenu.killLayer.delay(700);
								}
							}
						}							
					}
				}
		}.bind(this)
		});
		
	
		$(this.options.id).getElements('ul, ol').each(function(item,index){	
			new Element('div',{'class': 'smOW'}).inject(subMenusContainer).grab(item);		
		}.bind(this));		
		
		//set tabindex to -1 so tabbing through links in page does not go through hidden links in submenus container, since arrow keys can be used to navigate through submenus
		//subMenusContainer.getElements('a').set('tabindex','-1'); 
		

		
		links.each(function(item,index){
			//only apply to links with subMenus
			if (!item.retrieve('childMenu')) {return;}
			
			//update childMenu pointer to look at smOW DIVs
			item.store('childMenu', item.retrieve('childMenu').getParent('div'));
			
			//add to allSubMenus array
			this.allSubMenus.include(item.retrieve('childMenu'));			
			
			//store parentSubMenus
			item.store('parentSubMenus',item.retrieve('parentLinks').retrieve('childMenu'));

			//now create the MenuMaticSubMenu class instances 
			this.aSubMenu = new MenuMaticSubMenu(this.options,this, item);

		}.bind(this));
			
		//attach event handlers to non-parent main menu buttons
		var nonParentBtns = $(this.options.id).getElements('a').filter(function(item, index){ return !item.retrieve('childMenu'); });
		nonParentBtns.each(function(item, index){
			item.addEvents({
		
			});
		}, this);

		
		this.stretch();
		this.killDivider();
		this.center();
		this.fixHasLayoutBug();
		this.options.onInit_complete();		
    },
    
    
    startMenuDisplay : function(e)
    {
		if (/MSIE (\d+\.\d+);/.test(navigator.userAgent))
		{ //test for MSIE x.x;
			var ieversion=new Number(RegExp.$1) // capture x.x portion and store as a number
			if (ieversion==6)
			{		
				this.aSubMenu.fireOpenIE6MenuPointEvent(e);
		    }
			else
			{
				this.aSubMenu.fireOpenMenuPointEvent(e);
			}
		}
		else
		{
			this.aSubMenu.fireOpenMenuPointEvent(e);
		}
		if(pageIsNewLoaded == false)
		{
			
		   	if(this.timer == null)
		   	{
				objTrans = $("transMask");
				isIE6 = this.aSubMenu.isIE();
				if(isIE6 != null)
				{ //test for MSIE x.x;
					if (isIE6>=6)
					{		
						objTrans.opacity = 0;
				    }
				}
				else
				{
					objTrans.style.opacity = 0;
				}			  					
				objTrans.style.visibility = "hidden";
		    	objTrans.style.display = "inline";
		    	//alert($("mainnavi").getLeft() + " " + $("mainnavi").getTop());
				this.timer = this.aSubMenu.displayTransMask.delay(1000,null,[true,false,this.aSubMenu.exampleFx,this.aSubMenu.FxSubMenusContainer]);
		   	}				
			document.getElementById("menuMouseOver").value = "true";
			Object = this.markObject;
			this.subMenuIsVisible = true;
		}
    	
    },
    
    displayOrNotSelectFields:function(display)
    {
		if (/MSIE (\d+\.\d+);/.test(navigator.userAgent))
		{ //test for MSIE x.x;
			var ieversion=new Number(RegExp.$1) // capture x.x portion and store as a number
			if (ieversion==6)
			{		
		    	var s = document.getElementsByTagName('SELECT');
		    	for (i=0; i < s.length; i++) {
		    	    s[i].style.visibility = display
		    	}    	
		    }
		}    	
    },
    
	fixHasLayoutBug:function(){
		if(Browser.Engine.trident && this.options.fixHasLayoutBug){
			$(this.options.id).getParents().setStyle('zoom',1);
			$(this.options.id).setStyle('zoom',1);
			$(this.options.id).getChildren().setStyle('zoom',1);
			$(this.options.subMenusContainerId).setStyle('zoom',1);
			$(this.options.subMenusContainerId).getChildren().setStyle('zoom',1);
		}		
	},
	
	center:function(){
		if(!this.options.center){return;}
		$(this.options.id).setStyles({'left':'50%','margin-left': -($(this.options.id).getSize().x/2) });
	},
	
	stretch:function(){
		//stretch main menu btn widths to fit within the width of the parent UL or OL
		if(this.options.stretchMainMenu  && this.options.orientation === 'horizontal'){
			var targetWidth = parseFloat($(this.options.id).getCoordinates().width) ;
			var totalBtnWidth = 0;
			var mainBtns = $(this.options.id).getElements('a');
			mainBtns.setStyles({'padding-left':0,'padding-right':0});
			mainBtns.each(function(item,index){ totalBtnWidth+= item.getSize().x; }.bind(this));
			if(targetWidth < totalBtnWidth){return;}
			var increment = (targetWidth - totalBtnWidth)/ mainBtns.length;
			mainBtns.each(function(item,index){ item.setStyle('width',item.getSize().x+increment);	}.bind(this));
			mainBtns.getLast().setStyle('width',mainBtns.getLast().getSize().x-1);
		}
	},
	
	killDivider:function(){
		if(this.options.killDivider && this.options.killDivider.toLowerCase() === 'first'){
			$($(this.options.id).getElements('li')[0]).setStyles({'background':'none'});
		}else if(this.options.killDivider && this.options.killDivider.toLowerCase() === 'last'){
			$($(this.options.id).getElements('li').getLast()).setStyles({'background':'none'});
		}
	},
	

	
	hideAllSubMenusMouseOut: function(){
		document.getElementById("menuMouseOver").value = "false";		
	},	
	

	mouseOutOfContainer: function(event){
		if(this.aSubMenu != null)
		{
			this.aSubMenu.displayTransMask(false,false);
		}
		else
		{
			this.displayTransMask(false,false);
		}
    	document.getElementById("menuContainerArrow").style.display = "none";
	},	

	hideAllSubMenusNow: function(){
		this.options.onHideAllSubMenusNow_begin();
		$clear(this.hideAllMenusTimeout);
		$$(this.allSubMenus).fireEvent('hide');
		this.options.onHideAllSubMenusNow_complete();	
	}
	

	
});

var MenuMaticSubMenu = new Class({
	firedObject: "Test",
	Implements: Options,
	Extends: MenuMatic,
    options: {
		onSubMenuInit_begin: (function(subMenuClass){}),
		onSubMenuInit_complete: (function(subMenuClass){}),
		
		onMatchWidth_begin: (function(subMenuClass){}),
		onMatchWidth_complete: (function(subMenuClass){}),
		
		onHideSubMenu_begin: (function(subMenuClass){}),
		onHideSubMenu_complete: (function(subMenuClass){}),
		
		onHideOtherSubMenus_begin: (function(subMenuClass){}),
		onHideOtherSubMenus_complete: (function(subMenuClass){}),		
		
		onHideAllSubMenus_begin: (function(subMenuClass){}),
		onHideAllSubMenus_complete: (function(subMenuClass){}),
		
		onPositionSubMenu_begin: (function(subMenuClass){}),
		onPositionSubMenu_complete: (function(subMenuClass){}),
		
		onShowSubMenu_begin: (function(subMenuClass){}),
		onShowSubMenu_complete: (function(subMenuClass){})
	},
	root:null,
	btn:null,
	hidden:true,
	myEffect:null,
	
	isIE: function()
	{
		if (/MSIE (\d+\.\d+);/.test(navigator.userAgent))
		{ //test for MSIE x.x;
			var ieversion=new Number(RegExp.$1) // capture x.x portion and store as a number
			return ieversion;
		}			
		else
		{
			return null;
		}
	},

	
    fireOpenMenuPointEvent:function(event)
    {
    	if(Browser.msie == true) //If this brower an Internet-Expoler
		{
    		Object = window.event.srcElement;
		}
    	else
    	{
			Object = event.target;
    	}
    	var id = Object.id;
   		pageIsNewLoaded = false;
    	var finderID = activeMenu;
    	var aryId = finderID.split("e");
    	if(aryId.length > 1)
    	{    		
    		if((id == "nav") && (isFirstLevelOverrun == false))
    		{
    			thisId = aryId[0];    	
				var fireOnThis = document.getElementById(thisId + "topnavi")
				if(fireOnThis != null)
				{
					  this.firedObject = thisId;
			    	  if (document.createEvent)
			    	  {
			    	    var evObj = document.createEvent('MouseEvents')
			    	    fireOnThis.setAttribute("autoFired","true");
			    	    evObj.initEvent( 'mouseover', true, false )
			    	    fireOnThis.dispatchEvent(evObj)
			    	  }
			    	  else 
			    	  {
			    		  if (document.createEventObject)
			    		  {
			    			//    var eventObj = document.createEventObject(event);
			    			    //fireOnThis.fireEvent('mouseover',event);		
			    			    if( document.createEvent ) {
			    			    	  	var evObj = document.createEvent('MouseEvents');
			    			    	  	evObj.initMouseEvent( 'mouseover', true, false, window, 0, 12, 345, 7, 220, false, false, true, false, 0, null );
			    			    	  	fireOnThis.dispatchEvent(evObj);
			    			    	} else if( document.createEventObject ) {
			    			    	  var evObj = document.createEventObject();
			    			    	  evObj.detail = 0;
			    			    	  evObj.screenX = 12;
			    			    	  evObj.screenY = 345;
			    			    	  evObj.clientX = 7;
			    			    	  evObj.clientY = 220;
			    			    	  evObj.ctrlKey = false;
			    			    	  evObj.altKey = false;
			    			    	  evObj.shiftKey = true;
			    			    	  evObj.metaKey = false;
			    			    	  evObj.button = 0;
			    			    	  evObj.id = thisId + "topnavi";
			    			    	  evObj.relatedTarget = null;
			    			    	  fireOnThis.fireEvent('mouseover',evObj);
			    			    	}				    			    
			    			    
			    	 	  }
			    	  }
				}
    			
    		}
    		if(id.replace("topnavi","") == aryId[0])
    		{
    			for(y=1;y <= aryId.length;y++)
    			{
    				switch(y)
    				{
    				case 1:
    					thisId = aryId[0] + "e" + aryId[1];
    					break;
    				case 2:
    					thisId =  aryId[0] + "e" + aryId[1] + "e" + aryId[2];
    					break;  
    				case 3:
    					thisId = aryId[0] + "e" + aryId[1] + "e" + aryId[2] + "e" + aryId[3];
    					break;      					
    				case 4:
    					thisId = aryId[0] + "e" + aryId[1] + "e" + aryId[2] + "e" + aryId[3] + "e" + aryId[4];
    					break;      					
    				}    		
    				var fireOnThis = document.getElementById(thisId)
    				if(fireOnThis != null)
    				{
    					  this.firedObject = thisId;
				    	  if (document.createEvent)
				    	  {
				    	    var evObj = document.createEvent('MouseEvents')
				    	    fireOnThis.setAttribute("autoFired","true");
				    	    evObj.initEvent( 'mouseover', true, false )
				    	    fireOnThis.dispatchEvent(evObj)
				    	  }
				    	  else 
				    	  {
				    		  if (document.createEventObject)
				    		  {
				    			//    var eventObj = document.createEventObject(event);
				    			    //fireOnThis.fireEvent('mouseover',event);		
				    			    if( document.createEvent ) {
				    			    	  var evObj = document.createEvent('MouseEvents');
				    			    	  evObj.initMouseEvent( 'mouseover', true, false, window, 0, 12, 345, 7, 220, false, false, true, false, 0, null );
				    			    	  fireOnThis.dispatchEvent(evObj);
				    			    	} else if( document.createEventObject ) {
				    			    	  var evObj = document.createEventObject();
				    			    	  evObj.detail = 0;
				    			    	  evObj.screenX = 12;
				    			    	  evObj.screenY = 345;
				    			    	  evObj.clientX = 7;
				    			    	  evObj.clientY = 220;
				    			    	  evObj.ctrlKey = false;
				    			    	  evObj.altKey = false;
				    			    	  evObj.shiftKey = true;
				    			    	  evObj.metaKey = false;
				    			    	  evObj.button = 0;
				    			    	  evObj.id = thisId;
				    			    	  evObj.relatedTarget = null;
				    			    	  fireOnThis.fireEvent('mouseover',evObj);
				    			    	}				    			    
				    			    
				    	 	  }
				    	  }
    				}

    			}
    		}
    	}

    },
	

    fireOpenIE6MenuPointEvent:function(event)
    {
    	if(Browser.msie == true) //If this brower an Internet-Expoler
		{
    		Object = window.event.srcElement;
		}
    	else
    	{
			Object = event.target;
    	}
    	var id = Object.id;
    	
    	if(id == "nav")
    	{
    		pageIsNewLoaded = false;
		}

    	var finderID = activeMenu;
    	var aryId = finderID.split("e");
    	if(aryId.length > 1)
    	{
    		if((id == "nav") && (isFirstLevelOverrun == false))
    		{
    			thisId = aryId[0];
				var fireOnThis = document.getElementById(thisId + "topnavi")
				if(fireOnThis != null)
				{
					  this.firedObject = thisId;
			    	  if (document.createEvent)
			    	  {
			    	    var evObj = document.createEvent('MouseEvents')
			    	    fireOnThis.setAttribute("autoFired","true");
			    	    evObj.initEvent( 'mouseover', true, false )
			    	    fireOnThis.dispatchEvent(evObj)
			    	  }
			    	  else 
			    	  {
			    		  if (document.createEventObject)
			    		  {
			    			//    var eventObj = document.createEventObject(event);
			    			    //fireOnThis.fireEvent('mouseover',event);		
			    			    if( document.createEvent ) {
			    			    	  	var evObj = document.createEvent('MouseEvents');
			    			    	  	evObj.initMouseEvent( 'mouseover', true, false, window, 0, 12, 345, 7, 220, false, false, true, false, 0, null );
			    			    	  	fireOnThis.dispatchEvent(evObj);
			    			    	} else if( document.createEventObject ) {
			    			    	  var evObj = document.createEventObject();
			    			    	  evObj.detail = 0;
			    			    	  evObj.screenX = 12;
			    			    	  evObj.screenY = 345;
			    			    	  evObj.clientX = 7;
			    			    	  evObj.clientY = 220;
			    			    	  evObj.ctrlKey = false;
			    			    	  evObj.altKey = false;
			    			    	  evObj.shiftKey = true;
			    			    	  evObj.metaKey = false;
			    			    	  evObj.button = 0;
			    			    	  evObj.id = thisId + "topnavi";
			    			    	  evObj.relatedTarget = null;
			    			    	  fireOnThis.fireEvent('mouseover',evObj);
			    			    	}				    			    
			    			    
			    	 	  }
			    	  }
				}
    			
    		}
    		if(id.replace("topnavi","") == aryId[0])
    		{

	    			for(y=1;y <= aryId.length;y++)
	    			{
	    				switch(y)
	    				{
	    				case 1:
	    					thisId = aryId[0] + "e" + aryId[1];
	    					break;
	    				case 2:
	    					thisId =  aryId[0] + "e" + aryId[1] + "e" + aryId[2];
	    					break;  
	    				case 3:
	    					thisId = aryId[0] + "e" + aryId[1] + "e" + aryId[2] + "e" + aryId[3];
	    					break;      					
	    				case 4:
	    					thisId = aryId[0] + "e" + aryId[1] + "e" + aryId[2] + "e" + aryId[3] + "e" + aryId[4];
	    					break;      					
	    				} 	    				   				
	    				var fireOnThis = document.getElementById(thisId)
	    				if(fireOnThis != null)
	    				{
	    					  this.firedObject = thisId;
					    	  if (document.createEvent)
					    	  {
					    	    var evObj = document.createEvent('MouseEvents')
					    	    fireOnThis.setAttribute("autoFired","true");
					    	    evObj.initEvent( 'mouseover', true, false )
					    	    fireOnThis.dispatchEvent(evObj)
					    	  }
					    	  else 
					    	  {
					    		  if (document.createEventObject)
					    		  {
					    			//    var eventObj = document.createEventObject(event);
					    			    //fireOnThis.fireEvent('mouseover',event);		
					    			    if( document.createEvent ) {
					    			    	  var evObj = document.createEvent('MouseEvents');
					    			    	  evObj.initMouseEvent( 'mouseover', true, false, window, 0, 12, 345, 7, 220, false, false, true, false, 0, null );
					    			    	  fireOnThis.dispatchEvent(evObj);
					    			    	} else if( document.createEventObject ) {
					    			    	  var evObj = document.createEventObject();
					    			    	  evObj.detail = 0;
					    			    	  evObj.screenX = 12;
					    			    	  evObj.screenY = 345;
					    			    	  evObj.clientX = 7;
					    			    	  evObj.clientY = 220;
					    			    	  evObj.ctrlKey = false;
					    			    	  evObj.altKey = false;
					    			    	  evObj.shiftKey = true;
					    			    	  evObj.metaKey = false;
					    			    	  evObj.button = 0;
					    			    	  evObj.id = thisId;
					    			    	  evObj.relatedTarget = null;
					    			    	  fireOnThis.fireEvent('mouseover',evObj);
					    			    	}				    			    
					    			    
					    	 	  }
					    	  }
	    				}
	
	    			}
    			
    		}
    	}

    },
    
    killLayer: function()
    {
    	//document.getElementById("menuContainerArrow").style.display = "none";
		$("subMenusContainer").style.top = "-2000";    	
		document.getElementById("subMenusContainer").style.height = "0px";    	
    	document.getElementById("transMask").style.display = "none";
		if (/MSIE (\d+\.\d+);/.test(navigator.userAgent))
		{ //test for MSIE x.x;
		
			var ieversion=new Number(RegExp.$1) // capture x.x portion and store as a number
			if (ieversion>=6)
			{			    	
				$("transMask").opactity = 0;
			}
			else
			{
				$("transMask").style.opactity = 0;
			}
		}
		else
		{
			$("transMask").style.opactity = 0;
		}
    },
    
	displayTransMask: function(visibility,higherZIndexAsMenu,effect,fxSubMenu)
	{
    	objTrans = $("transMask");
		if(visibility == true)
		{
    		if(objTrans != null)
    		{
		    	objTrans.style.display = "inline";
    			if(higherZIndexAsMenu == true)
    			{
    				this.markTransMaskZIndex = parseInt($("transMask").getStyle("zIndex"));
//    				$("transMask").style.zIndex = parseInt($("subMenusContainer").getStyle("zIndex"))+10;
    				$("transMask").style.zIndex = "1010";
    				if (/MSIE (\d+\.\d+);/.test(navigator.userAgent))
    				{ //test for MSIE x.x;
    				
    					var ieversion=new Number(RegExp.$1) // capture x.x portion and store as a number
    					if (ieversion>=6)
    					{			    	
            				$("transMask").opactity = 0;
            				$("transMask").style.opactity = 0;
    					}
        				else
        				{
            				$("transMask").style.opactity = 0;
        				}
    				}
    				else
    				{
        				$("transMask").style.opactity = 0;
    				}
    				lightboxIsActive = true;
    			}
    			else
    			{
    				if(fxSubMenu != null)
    				{
    					var markHeight = $("subMenusContainer").getHeight();
 $("subMenusContainer").style.height = "0px";
    					$("subMenusContainer").style.top = "61px";
    					document.getElementById("menuContainerArrow").style.display = "block";
    					fxSubMenu.start.pass([0,markHeight], fxSubMenu).delay(0);
    				}
    			}
    			
				if (/MSIE (\d+\.\d+);/.test(navigator.userAgent))
				{ //test for MSIE x.x;
				
					var ieversion=new Number(RegExp.$1) // capture x.x portion and store as a number
					if (ieversion>=6)
					{			    	
			    		objTrans.style.height = document.body.clientHeight;
		    			if(higherZIndexAsMenu == true)
		    			{
		    				$("transMask").style.zIndex = "1010";
		    			}
	//	        		if($("transMask").opactity == 0)
	//	        		{
		        	    	if(this.exampleFx != null)
		        	    	{
		        	    		this.exampleFx.start.pass([0,.65], this.exampleFx).delay(0);
		        	    	}
		        	    	else
		        	    	{
		        	    		effect.start.pass([0,.65], effect).delay(0);
		        	    	}	
	//	        		}
						$("transMask").style.height = $("content-overlay").scrollHeight + "px"; //Set the height of transMask
					}
					else
					{
						$("transMask").style.height = $("content-overlay").scrollHeight + "px"; //Set the height of transMask
			    		if(objTrans.style.opacity == 0)
			    		{
			    	    	if(this.exampleFx != null)
			    	    		this.exampleFx.start.pass([0,.65], this.exampleFx).delay(0);
			    	    	else
			    	    		effect.start.pass([0,.65], effect).delay(0);
			    		}
					}					
				}
				else
				{
					$("transMask").style.height = $("content-overlay").scrollHeight + "px"; //Set the height of transMask
		    		if(objTrans.style.opacity == 0)
		    		{
		    	    	if(this.exampleFx != null)
		    	    		this.exampleFx.start.pass([0,.65], this.exampleFx).delay(0);
		    	    	else
		    	    		effect.start.pass([0,.65], effect).delay(0);
		    		}
				}					
				
	    	}
		}
		else
		{
    		if(objTrans != null)
    		{
				lightboxIsActive = false;
    			if(higherZIndexAsMenu == true)
    			{
    				$("transMask").style.zIndex = this.markTransMaskZIndex;

    			}
				if (/MSIE (\d+\.\d+);/.test(navigator.userAgent))
				{ //test for MSIE x.x;
				
					var ieversion=new Number(RegExp.$1) // capture x.x portion and store as a number
					if (ieversion>=6)
					{			 						
	    				$("transMask").style.zIndex = "10";
					}
				}
    			this.markSubmenuHeight = 0;
				this.exampleFx.start.pass([.65,.0], this.exampleFx).delay(0);
    			this.FxSubMenusContainer.start.pass(0, this.FxSubMenusContainer).delay(10);  
				document.getElementById("menuContainerArrow").style.display = "none";
    			
    		}
		}
	},
 
	
		
	initialize: function(options,root,btn){
		this.setOptions(options);		
		this.root = root;
		this.btn = btn;
		

		this.childMenu = this.btn.retrieve('childMenu');
		this.subMenuType = this.btn.retrieve('subMenuType');
		this.childMenu = this.btn.retrieve('childMenu');
		this.parentSubMenus =  $$(this.btn.retrieve('parentSubMenus'));
		this.parentLinks =  $$(this.btn.retrieve('parentLinks'));
		this.parentSubMenu = $(this.parentSubMenus[0]);
		if(this.parentSubMenu ){this.parentSubMenu =this.parentSubMenu.retrieve('class');}
		this.childMenu.store('class',this);
		this.btn.store('class',this);
		this.childMenu.store('status','closed')
		this.markActiveMenuPointSrc="";
		this.markObject = Object;
		isFirstLevelOverrun = false; 
		//this.markActiveMenuPoint = null;
		this.options.onSubMenuInit_begin(this);		
		
		this.FxSubMenusContainer = new Fx.Tween('subMenusContainer', {
			property: 'height',
			duration: 400, 
			transition: Fx.Transitions.Quart.easeInOut,
			onCancel:function()
			{
				document.getElementById("subMenusContainer").style.height = "0px";    							
			}
		});
		
		this.exampleFx = new Fx.Tween('transMask', {
			property: 'opacity',
			duration: 400, 
			transition: Fx.Transitions.Quart.easeInOut,
			onComplete:function()
			{
				if(isFirstLevelOverrun == "outOfBox")
				{
					isEffectReady = false; 
					isFirstLevelOverrun = false;
					objTrans = $("transMask");
    				if (/MSIE (\d+\.\d+);/.test(navigator.userAgent))
    				{ //test for MSIE x.x;
    				
    					var ieversion=new Number(RegExp.$1) // capture x.x portion and store as a number
    					if (ieversion>=6)
    					{
    						if(objTrans.opactity > 0)
    						{
    							objTrans.opactity = 0;
    						}
    					}
        				else
        				{
        					if(objTrans.style.opactity > 0)
        						objTrans.style.opactity = 0;
        				}
    				}
    				else
    				{
    					if(objTrans.style.opactity > 0)
    						objTrans.style.opactity = 0;
    				}
				}
				else
				{
					objTrans = $("transMask");
					isIE6 = MenuMatic.aSubMenu.isIE();
					if(isIE6 != null)
					{ //test for MSIE x.x;
						if (isIE6>=6)
						{		
							if(objTrans.style.opacity > 0)
							{
								isEffectReady = true;
							}
					    }
					}
					else
					{
						if(objTrans.style.opacity > 0)
						{
							isEffectReady = true;
						}
							
					}			  					
				}					
	    	}
		});
		

		
		//add hide Event
		this.childMenu.addEvent('hide',function(){this.hideSubMenu();}.bind(this));
		
		//add show Event
		this.childMenu.addEvent('show',function(){this.showSubMenu(null,null);}.bind(this));

		if(this.options.effect){
			this.myEffect = new Fx.Morph(
				$(this.childMenu).getFirst(), {	duration: this.options.duration, transition: this.options.physics,  link: 'cancel' } 
			);
		}
		if(this.options.effect === 'slide' || this.options.effect === 'slide & fade'){
			if (this.subMenuType == 'initial' && this.options.orientation === 'horizontal' ) {
				this.childMenu.getFirst().setStyle('margin-top','0' );
			}else {
				this.childMenu.getFirst().setStyle('margin-left', '0');
			}
			
		}else if (this.options.effect === 'fade' || this.options.effect === 'slide & fade'){
			this.childMenu.getFirst().setStyle('opacity',0 );
		}
		
		if (this.options.effect != 'fade' && this.options.effect != 'slide & fade') {
			this.childMenu.getFirst().setStyle('opacity',this.options.opacity);
		}

		
		//attach event handlers to non-parent sub menu buttons
		var nonParentBtns = $(this.childMenu).getElements('a').filter(function(item, index){ return !item.retrieve('childMenu'); });
		nonParentBtns.each(function(item, index){
			$(item).addClass('subMenuBtn');
			
			item.addEvents({
				'mousedown': function(e){
			/*		this.childMenu.fireEvent('show');
					this.cancellHideAllSubMenus();					
					this.hideOtherSubMenus();*/		
				this.highlightPath(e);
				this.markObject = Object;
				}.bind(this),
				
				'focus': function(e){

					this.childMenu.fireEvent('show');
					this.cancellHideAllSubMenus();		
					this.hideOtherSubMenus();
					this.markObject = Object;
				}.bind(this),
				
				'mouseover': function(e){
					if(pageIsNewLoaded == false)
					{
						document.getElementById("menuMouseOver").value = "true";	
//				    	$("transMask").opacity = 65; 
						this.hideOtherSubMenus();
						this.highlightMenuPointsOnMouseOverOrOut(e,"#999999",false);
						this.markObject = Object;
					}
				}.bind(this),
				'mouseout': function(e){
					this.highlightMenuPointsOnMouseOverOrOut(e,"#999999",true);
					this.markObject = Object;
				}.bind(this),
				'mousedown': function(e){
					this.hideAllSubMenusNow();
					this.hideAllSubMenusMouseOut();
					this.mouseOutOfContainer(e);
					this.markObject = Object;
				}.bind(this)
				
		
			});
			
		}, this);
		
		$(this.btn).removeClass('subMenuBtn');
		
		if (this.subMenuType == 'initial') {
			this.btn.addClass('mainParentBtn');	
		}else{	
			this.btn.addClass('subParentBtn');	
		}
		
		//attach event handlers to parent button
		$(this.btn).addEvents({

			
		'focus' : function(e){
				//e = new Event(e).stop();
				this.cancellHideAllSubMenus();
				this.hideOtherSubMenus();
				this.showSubMenu(null,e);
				if(this.subMenuType === 'initial' && this.options.mmbClassName && this.options.mmbFocusedClassName){
					$(this.btn).retrieve('btnMorph', new Fx.Morph($(this.btn), { 'duration':(this.options.duration/2), transition:this.options.physics, link:'cancel' })).start(this.options.mmbFocusedClassName);
				}
			}.bind(this),
				
			'mouseover': function(e){
				if(pageIsNewLoaded == false)
				{
					this.mouseOverFirstLevel(e);
					document.getElementById("menuMouseOver").value = "true";		
					
					document.getElementById("subMenusContainer").style.display = "block";
					this.highlightMenuPointsOnMouseOverOrOut(e,"#999999",false);
					this.cancellHideAllSubMenus();
					this.hideOtherSubMenus();
					this.showSubMenu(null,e);
					if(this.subMenuType === 'initial' && this.options.mmbClassName && this.options.mmbFocusedClassName){
						$(this.btn).retrieve('btnMorph', new Fx.Morph($(this.btn), { 'duration':(this.options.duration/2), transition:this.options.physics, link:'cancel' })).start(this.options.mmbFocusedClassName);
					}
					this.highlightPath(e);	
					
					id = this.getIdFromEvent(e);
					thisElement = $(id); 
					if(thisElement.getAttribute("autoFired") != null)
		    		{
						thisElement.removeAttribute("autoFired");
		    		}
					this.markObject = Object;
				}
			}.bind(this),
			'mouseout': function(e){
				this.mouseOutFirstLevel(e);
				this.highlightMenuPointsOnMouseOverOrOut(e,"#999999",true);
				this.markObject = Object;
				
			}.bind(this),
			'mousedown': function(e){
				this.hideAllSubMenusNow();
				this.hideAllSubMenusMouseOut();
				this.mouseOutOfContainer(e);
				this.markObject = Object;
			}.bind(this)
		});
		this.options.onSubMenuInit_complete(this);
		
    },
    

    
    getIdFromEvent: function(event)
    {

    	if(event.id != undefined)
    	{
    		return event.id.replace("topnavi","");
    	}
    	if(Browser.msie == true) //If this brower an Internet-Expoler
		{
    		Object = window.event.srcElement;
		}
    	else
    	{
			Object = event.target;
    	}
    	if(Object != null)
    	{
    		return Object.id.replace("topnavi","");
    	}
    },
    
    isEventFired: function(event)
    {
    	if(event.id != undefined)
    	{
    		return event.id;
    	}    	
    },
    
    mouseOverFirstLevel:function(event)
    {
    	id = this.getIdFromEvent(event);
    	
    	aryActiveMenu = activeMenu.split("e")
    	
    	if(id.split("e").length == 1)
    	{
    		if(id != aryActiveMenu[0])
    		{
    			Object.src = eval("menu_" + id + "_high").src;
    		}
    		else
    		{
    			if((this.markActiveMenuPointSrc == "") || (this.markActiveMenuPointSrc == undefined))
    			{
    				MenuMatic.markActiveMenuPointLevel0 = Object.src
    				this.markActiveMenuPointSrc = Object.src;
    			}
    			Object.src = eval("menu_" + id + "_high").src;
    		}
    		isFirstLevelOverrun = true;
    	}
    	
    },
    
    mouseOutFirstLevel:function(event)
    {
    	id = this.getIdFromEvent(event);

    	aryActiveMenu = activeMenu.split("e")
    	if(id.split("e").length == 1)
    	{
    		if(id != aryActiveMenu[0])
    		{
    			Object.src = eval("menu_" + id.replace("topnavi","") + "_low").src;
        		
    		}
    		else
    		{
    			Object.src = markActivMenuPointX;
    		}
    		
    	}
    	
    },    
    
    restoreActiveMenuPointFirstLevel: function()
    {
    	aryActiveMenu = activeMenu.split("e")
    	if(aryActiveMenu[0] != null)
    	{
    		if($(aryActiveMenu[0]) != null)
    		{
    			if(MenuMatic.markActiveMenuPointLevel0 != null)
    			{
	    			$(aryActiveMenu[0]).src = markActivMenuPointX;
	    	    	document.getElementById("subMenusContainer").style.height = "0px";    			
    			}
    		}
    		else
    		{
    	    	document.getElementById("subMenusContainer").style.height = "0px";    			
    		}
    	}
    	this.markActiveMenuPointSrc = "";
    },
    
    highlightPath:function(event){
    	var thisId;

    	id = this.getIdFromEvent(event);

    	
    	if(markActiveMenuPoint != null)
    	{
    		if(this.checkIfChildAvailable(id) == true) //Has this menu point children, if true are not children available
    		{
    			this.setHighlightPathColor(markActiveMenuPoint,"#999999");
    		}
    		else
    		{ //This menu point has children, shut of the active menu point on same level
				this.hideOtherSubMenus();
				this.highlightMenuPointsOnMouseOverOrOut(event,"#999999",false);
    		}    			
    	}
    	markActiveMenuPoint = id;
		this.setHighlightPathColor(id,"#0053a6");
    },
    
    checkIfChildAvailable:function(id) //Has this menu point children?
    {
    	//m0_1e1_2e2_2
    	aryId = id.split("e");
    	if(aryId.length > 1)
    	{    	
	    	var checkId = "";
	    	iPos = id.lastIndexOf("_")
	    	idTmp = id.substring(iPos-1,iPos);
	    	idTmp = Number(idTmp) + 1;
	    	checkId = id + "e" + Number(idTmp) + "_1";
	    	if(document.getElementById(checkId) == null )
	    	{
	    		return true;
	    	}
	    	else
	    	{
	    		return false;
	    	}
    	}
    	else
    	{
    		return true;
    	}
    },
    
    setHighlightPathColor:function(menuPoints,color)
    {
	    	aryId = menuPoints.split("e");
	    	if(aryId.length > 1)
	    	{
	    		for(i=0;i < aryId.length;i++)
	    		{
	    				switch(i)
	    				{
	    				case 0:
	    					thisId = aryId[0];
	    					break;
	    				case 1:
	    					thisId = aryId[0] + "e" + aryId[1];
	    					break;
	    				case 2:
	    					thisId =  aryId[0] + "e" + aryId[1] + "e" + aryId[2];
	    					break;  
	    				case 3:
	    					thisId = aryId[0] + "e" + aryId[1] + "e" + aryId[2] + "e" + aryId[3];
	    					break;      					
	    				case 4:
	    					thisId = aryId[0] + "e" + aryId[1] + "e" + aryId[2] + "e" + aryId[3] + "e" + aryId[4];
	    					break;      					
	    				}
	    			document.getElementById(thisId).style.color = color;
	    		}
	    	}
	    	else
	    	{
	    		if(document.getElementById(aryId[0]) != null)
	    			document.getElementById(aryId[0]).style.color = color;
	    	}
    },
    
    highlightMenuPointsOnMouseOverOrOut:function(event,_Color,replaceAll)
    {
    	var arySetActive = new Array();
    	var startId="";    	
    	var obj;
    	id = this.getIdFromEvent(event);  
		thisElement = document.getElementById(id)
    	if(this.isEventFired(event) != undefined)
    	{
    		_Color = "#999999";
    	}
    	else
    	{
    		if(thisElement.getAttribute("autoFired") != null)
    		{
        		_Color = "#999999";
    		}
    	}
    	if(id.split("e").length == 1)
    	{
    		i = 1;
    		idList = "m0_" + i++;
    		posLeft = 201;
    		while(id.replace("topnavi","") != idList)
    		{
    			obj = document.getElementById(idList);
    			if(obj != null)
    				posLeft += (obj.width-2);
    			//posLeft += 20;
        		idList = "m0_" + i++;
        		posLeft += 22;
    		}
    		posLeft += ((parseInt($(id).getWidth()-2) / 2) -6);
    		document.getElementById("menuContainerArrow").style.left = posLeft + "px";
    	}
    	else
    	{

	    	var aryId = id.split("e");
	        var lastId = aryId[aryId.length-1];
	        var nextId = lastId;
	        var aryNextId = nextId.split("_");
	        
	        
	        nextId = Number(aryNextId[0]) + 1;
	        nextId = nextId +  "_";
	        var iPos = id.lastIndexOf("_");
	
	        lastId = id.substring(0,iPos);
	
	        for(i = 1; i < 100; i++)
	        {
	        	obj = document.getElementById(lastId + "_" + i);
	        	if(obj != null)
	        	{
	        		if(lastId + "_" + i != id) 
	        		{
	        			if(markActiveMenuPoint != null)
	        			{
		        			if(markActiveMenuPoint.indexOf(lastId + "_" + i) == -1)
		        			{
		        				obj.style.color = _Color;
		
		            			if(replaceAll == false)
		            			{
		            				
		            				if(document.getElementById(lastId + "_" + i + "e" + nextId + "1") != null)
		            				{
		            					obj.className = "menuText subMenuParentBtnFocused";
		            				}
		            			}
		            			else
		            			{
		            				if(document.getElementById(lastId + "_" + i + "e" + nextId + "1") != null)
		            				{
		            					obj.className = "menuText subMenuParentBtn";
		            				}
		            			}        				
		        			}
	        			}
	        		}
	        		else
	        		{
	        			if(replaceAll == false)
	        			{
	            				obj.style.color = "#0053A6";
	            				if(document.getElementById(lastId + "_" + i + "e" + nextId + "1") != null)
	            				{
	            					//this.childMenu
	            					obj.className = "menuText subMenuParentBtnActive";
	            				}
	        			}
	        			else
	        			{
	        				if(markActiveMenuPoint.indexOf(lastId + "_" + i) == -1)
	        				{
	            				obj.style.color = _Color;
	            				if(document.getElementById(lastId + "_" + i + "e" + nextId + "1") != null)
	            				{
	            					obj.className = "menuText subMenuParentBtn";
	            				}
	        				}
	        			}
	        				
	        		}
	        	}
	        	else
	        	{
	        		break;
	        	}
	        }
    	}
    },
    
	myAfterFadeOut: function()
	{
 //   	this.exampleFx.start.pass([.65,0], this.exampleFx).delay(0);
	},    
	
	matchWidth:function(){
		if (this.widthMatched || !this.options.matchWidthMode || this.subMenuType === 'subsequent'){return;}
		this.options.onMatchWidth_begin(this);
		var parentWidth = this.btn.getCoordinates().width;
		$(this.childMenu).getElements('a').each(function(item,index){
			var borderWidth = parseFloat($(this.childMenu).getFirst().getStyle('border-left-width')) + parseFloat($(this.childMenu).getFirst().getStyle('border-right-width'));
			var paddingWidth = parseFloat(item.getStyle('padding-left')) +	 parseFloat(item.getStyle('padding-right'));
			var offset = borderWidth + paddingWidth ;
			if(parentWidth > item.getCoordinates().width){
				item.setStyle('width',parentWidth - offset);
				item.setStyle('margin-right',-borderWidth);
			}
		}.bind(this));
		this.width = this.childMenu.getFirst().getCoordinates().width;
		this.widthMatched = true;
		this.options.onMatchWidth_complete(this);
	},
	
	hideSubMenu: function() {	
		if(this.childMenu.retrieve('status') === 'closed'){return;}	
		this.options.onHideSubMenu_begin(this);
		if (this.subMenuType == 'initial') {
			if(this.options.mmbClassName && this.options.mmbFocusedClassName){
				$(this.btn).retrieve('btnMorph', new Fx.Morph($(this.btn), { 'duration':(this.options.duration), transition:this.options.physics, link:'cancel' })).start(this.options.mmbClassName )
				.chain(function(){
				//	$(this.btn).removeClass('mainMenuParentBtnFocused');
				//	$(this.btn).addClass('mainMenuParentBtn');
				}.bind(this));
			}else{
				//$(this.btn).removeClass('mainMenuParentBtnFocused');
				//$(this.btn).addClass('mainMenuParentBtn');
			}
		}else{
			//$(this.btn).removeClass('subMenuParentBtnFocused');
			//$(this.btn).addClass('subMenuParentBtn');
		}
		
		this.childMenu.setStyle('z-index',1);
		
		if(this.options.effect && this.options.effect.toLowerCase() === 'slide'){
			if (this.subMenuType == 'initial' && this.options.orientation === 'horizontal' && this.options.direction.y === 'down') {
				this.myEffect.start({ 'margin-top': -this.height }).chain(function(){	this.childMenu.style.display = "none";	}.bind(this));
			}else if (this.subMenuType == 'initial' && this.options.orientation === 'horizontal' && this.options.direction.y === 'up') {
				this.myEffect.start({ 'margin-top': this.height }).chain(function(){	this.childMenu.style.display = "none";	}.bind(this));
			}else if(this.options.direction.x === 'right'){
				this.myEffect.start({ 'margin-left': -this.width }).chain(function(){	this.childMenu.style.display = "none";	}.bind(this));
			}else if(this.options.direction.x === 'left'){
				this.myEffect.start({ 'margin-left': this.width }).chain(function(){	this.childMenu.style.display = "none";	}.bind(this));
			}
		}else if(this.options.effect == 'fade'){
			this.myEffect.start({ 'opacity': 0 }).chain(function(){	this.childMenu.style.display = "none";	}.bind(this));
		}else if(this.options.effect == 'slide & fade'){
			
			if (this.subMenuType == 'initial' && this.options.orientation === 'horizontal' && this.options.direction.y === 'down') {
				this.myEffect.start({ 'margin-top': -this.height,opacity:0 }).chain(function(){	this.childMenu.style.display = "none";	}.bind(this));
			}else if (this.subMenuType == 'initial' && this.options.orientation === 'horizontal' && this.options.direction.y === 'up') {
				this.myEffect.start({ 'margin-top': this.height,opacity:0 }).chain(function(){	this.childMenu.style.display = "none";	}.bind(this));
			}else if(this.options.direction.x === 'right'){
				this.myEffect.start({ 'margin-left': -this.width,opacity:0 }).chain(function(){	this.childMenu.style.display = "none";	}.bind(this));
			}else if(this.options.direction.x === 'left'){
				this.myEffect.start({ 'margin-left': this.width, opacity:0 }).chain(function(){	this.childMenu.style.display = "none";	}.bind(this));
			}
		}else{
			this.childMenu.style.display = "none";
		}
		this.childMenu.store('status','closed');
		this.options.onHideSubMenu_complete(this);
	},
	
	hideOtherSubMenus: function() {		
		this.options.onHideOtherSubMenus_begin(this);
		//set up otherSubMenus element collection
		if(!this.btn.retrieve('otherSubMenus')){
			this.btn.store('otherSubMenus', $$(this.root.allSubMenus.filter(function(item){ return !this.btn.retrieve('parentSubMenus').contains(item) && item != this.childMenu; }.bind(this)) ));
		}		
		this.parentSubMenus.fireEvent('show');
		this.btn.retrieve('otherSubMenus').fireEvent('hide');
		this.options.onHideOtherSubMenus_complete(this);
		markActiveMenuPoint = "";
	},
	
	hideAllSubMenus: function(){
	/*	this.options.onHideAllSubMenus_begin(this);
		$clear(this.root.hideAllMenusTimeout);
		this.root.hideAllMenusTimeout = (function(){
			$clear(this.hideAllMenusTimeout);			
			$$(this.root.allSubMenus).fireEvent('hide');			
		}).bind(this).delay(this.options.hideDelay);
		this.options.onHideAllSubMenus_complete(this);		*/
	},


	
		
		
	cancellHideAllSubMenus: function(){ 
		$clear(this.root.hideAllMenusTimeout);	
	},
	
	showSubMenu: function(now,event){		
		var children;
		var markSubmenuHeight;
		if(this.childMenu.retrieve('status') === 'open'){return;}
		this.options.onShowSubMenu_begin(this);
		if (this.subMenuType == 'initial') {
			//$(this.btn).removeClass('mainMenuParentBtn');
		//	$(this.btn).addClass('mainMenuParentBtnFocused');	
		}else{
			//$(this.btn).removeClass('subMenuParentBtn');
		//	$(this.btn).addClass('subMenuParentBtnFocused');
		}
		this.root.subMenuZindex++;
		this.childMenu.setStyles({'display':'block','visibility':'hidden','z-index':this.root.subMenuZindex});
		
		if(event != null)
		{
	    	id = this.getIdFromEvent(event);
	
			this.markSubmenuHeight = Number(this.childMenu.getFirst().getCoordinates().height); //Calculate the background menu height filler

			if(id.split("e").length >  1)
			{
				if(this.childMenu.getPrevious() != null) //Set background height
				{
					this.children = this.childMenu.getPrevious()
					while(this.children != null)
					{
						if(Number(this.markSubmenuHeight) < Number(this.children.getCoordinates().height))
						{
							this.markSubmenuHeight = Number(this.children.getCoordinates().height);
							//console.log(this.markSubmenuHeight + " < " + Number(this.childMenu.getPrevious().getCoordinates().height));
		
						}
						this.children = this.children.getPrevious();
					}
				}
			}
			if(this.markSubmenuHeight > 0)
			{
				this.markSubmenuHeight += 37;
				this.FxSubMenusContainer.start.pass([$("subMenusContainer").getHeight(),this.markSubmenuHeight], this.FxSubMenusContainer).delay(0);
			}		
		}	
		if(!this.width || !this.height ){
			this.width = this.childMenu.getFirst().getCoordinates().width;
			this.height = this.childMenu.getFirst().getCoordinates().height;
			this.childMenu.setStyle('height',this.height,'border');

			if(this.options.effect === 'slide' || this.options.effect === 'slide & fade'){
				if (this.subMenuType == 'initial' && this.options.orientation === 'horizontal' ) {
					this.childMenu.getFirst().setStyle('margin-top','0' );
					if(this.options.direction.y === 'down'){
						this.myEffect.set({ 'margin-top': - this.height });
					}else if(this.options.direction.y === 'up'){
						this.myEffect.set({ 'margin-top': this.height });
					}
				}else {
					if(this.options.direction.x === 'left'){
						this.myEffect.set({ 'margin-left': this.width });
					}else{
						this.myEffect.set({ 'margin-left': -this.width });
					}
				}
			}
		}
		this.matchWidth();
		this.positionSubMenu();
		
		if(this.options.effect === 'slide' ){
			this.childMenu.setStyles({'display':'block','visibility':'visible'});
			if (this.subMenuType === 'initial' && this.options.orientation === 'horizontal') {
				if(now){
					this.myEffect.set({ 'margin-top': 0 }).chain(function(){	this.showSubMenuComplete();	}.bind(this));
				}else{
					this.myEffect.start({ 'margin-top': 0 }).chain(function(){	this.showSubMenuComplete();	}.bind(this));
				}
			}else{
				if (now) {
					this.myEffect.set({ 'margin-left': 0 }).chain(function(){	this.showSubMenuComplete();	}.bind(this));
				}else{
					this.myEffect.start({ 'margin-left': 0 }).chain(function(){	this.showSubMenuComplete();	}.bind(this));
				}
			}
		}else if(this.options.effect === 'fade' ){
			if (now) {
				this.myEffect.set({'opacity': this.options.opacity}).chain(function(){	this.showSubMenuComplete();	}.bind(this));
			}else{
				this.myEffect.start({'opacity': this.options.opacity}).chain(function(){	this.showSubMenuComplete();	}.bind(this));
			}
		}else if(this.options.effect == 'slide & fade'){
			this.childMenu.setStyles({'display':'block','visibility':'visible'});
			this.childMenu.getFirst().setStyles({'left':0});
			if (this.subMenuType === 'initial' && this.options.orientation === 'horizontal') {
				if (now) {
					this.myEffect.set({ 'margin-top': 0, 'opacity': this.options.opacity }).chain(function(){	this.showSubMenuComplete();	}.bind(this));
				}else{
					this.myEffect.start({ 'margin-top': 0, 'opacity': this.options.opacity }).chain(function(){	this.showSubMenuComplete();	}.bind(this));
				}
			}else{
				if (now) {
					if (this.options.direction.x === 'right') {
						this.myEffect.set({ 'margin-left': 0, 'opacity': this.options.opacity }).chain(function(){	this.showSubMenuComplete();	}.bind(this));
					}else if (this.options.direction.x === 'left') {
						this.myEffect.set({ 'margin-left': 0, 'opacity': this.options.opacity }).chain(function(){	this.showSubMenuComplete();	}.bind(this));
					}	
				}else{
					if (this.options.direction.x === 'right') {						
						this.myEffect.set({ 'margin-left': -this.width, 'opacity': this.options.opacity });						
						this.myEffect.start({ 'margin-left': 0, 'opacity': this.options.opacity }).chain(function(){	this.showSubMenuComplete();	}.bind(this));
					}else if (this.options.direction.x === 'left') {
						this.myEffect.start({ 'margin-left': 0, 'opacity': this.options.opacity }).chain(function(){	this.showSubMenuComplete();	}.bind(this));
					}
				}
			}
		}else{
			this.childMenu.setStyles({'display':'block','visibility':'visible'}).chain(function(){	this.showSubMenuComplete(this);	}.bind(this));
		}
		this.childMenu.store('status','open');
		
	},
	
	showSubMenuComplete:function(){		
		this.options.onShowSubMenu_complete(this);
	},
	
	positionSubMenu: function(){
		this.options.onPositionSubMenu_begin(this);
		this.childMenu.setStyle('width',this.width) ;
		this.childMenu.getFirst().setStyle('width',this.width) ;
				
		//if any parent has bounced off a viewport edge, inherit that new direction
		if (this.subMenuType === 'subsequent') {
			if(this.parentSubMenu && this.options.direction.x != this.parentSubMenu.options.direction.x){
				if(this.parentSubMenu.options.direction.x === 'left' && this.options.effect && this.options.effect.contains('slide')){
					this.myEffect.set({ 'margin-left': this.width });	
				}
			}
			this.options.direction.x = this.parentSubMenu.options.direction.x;
			this.options.direction.xInverse = this.parentSubMenu.options.direction.xInverse;
			this.options.direction.y = this.parentSubMenu.options.direction.y;
			this.options.direction.yInverse = this.parentSubMenu.options.direction.yInverse;
		}

		var top;
		var overlap
		var childCount = 0;
		if(this.subMenuType == 'initial'){
			if(	this.options.direction.y === 'up'){				
				if(this.options.orientation === 'vertical'){
					top = this.btn.getCoordinates().bottom - this.height + this.options.tweakInitial.y ;
				}else{			
					top = this.btn.getCoordinates().top - this.height + this.options.tweakInitial.y ;
				}
				this.childMenu.style.top = top+ 'px';
			}else if(this.options.orientation == 'horizontal'){
				this.childMenu.style.top = this.options.yPosSubmenu; //this.btn.getCoordinates().bottom + this.options.tweakInitial.y + 'px';
			}else if(this.options.orientation == 'vertical'){
				top = this.options.yPosSubmenu; //this.btn.getPosition().y + this.options.tweakInitial.y ;				
				if((top + this.childMenu.getSize().y) >= $(document.body).getScrollSize().y){
					overlap = (top + this.childMenu.getSize().y) - $(document.body).getScrollSize().y  ;
					top = this.options.yPosSubmenu //top - overlap - 20;
				}	
				this.childMenu.style.top = top+ 'px';
			}
			if(	this.options.orientation == 'horizontal'){
				this.childMenu.style.left = (211 + this.options.tweakInitial.x) -10 + 'px';
			}else if(this.options.direction.x == 'left'){
				this.childMenu.style.left = 211 - this.childMenu.getCoordinates().width + this.options.tweakInitial.x + 'px';
			}else if(this.options.direction.x == 'right'){
				this.childMenu.style.left = this.btn.getCoordinates().right + this.options.tweakInitial.x + 'px';
			}
		}else if(this.subMenuType == 'subsequent'){
			
			if(this.options.direction.y === 'down'){
				if( (this.btn.getCoordinates().top + this.options.tweakSubsequent.y+ this.childMenu.getSize().y) >= $(document.body).getScrollSize().y ){
					overlap =  (this.btn.getCoordinates().top + this.options.tweakSubsequent.y+ this.childMenu.getSize().y) -$(document.body).getScrollSize().y  ;
					this.childMenu.style.top = (this.btn.getCoordinates().top + this.options.tweakSubsequent.y) - overlap - 20+ 'px';
				}else{
					this.childMenu.style.top = this.options.yPosSubmenu; //this.btn.getCoordinates().top + this.options.tweakSubsequent.y + 'px';
				}
			}else if(this.options.direction.y === 'up'){
				if((this.btn.getCoordinates().bottom - this.height + this.options.tweakSubsequent.y)< 1){
					this.options.direction.y = 'down';
					this.options.direction.yInverse = 'up';
					this.childMenu.style.top = this.options.yPosSubmenu;//this.btn.getCoordinates().top + this.options.tweakSubsequent.y + 'px';
				}else{
					this.childMenu.style.top = this.btn.getCoordinates().bottom - this.height + this.options.tweakSubsequent.y + 'px';
				}
			}
			if(this.options.direction.x == 'left'){
				this.childMenu.style.left = this.btn.getCoordinates().left - this.childMenu.getCoordinates().width + this.options.tweakSubsequent.x + 'px';
				if( this.childMenu.getPosition().x < 0){					
					this.options.direction.x = 'right';
					this.options.direction.xInverse = 'left';
					this.childMenu.style.left = this.btn.getPosition().x + this.btn.getCoordinates().width + this.options.tweakSubsequent.x + 'px';
					
					if(this.options.effect === 'slide' || this.options.effect === 'slide & fade'){
						this.myEffect.set({ 'margin-left': -this.width, 'opacity': this.options.opacity });						
					}
				}
			}else if(this.options.direction.x == 'right'){

				countSubMenus = this.btn.getId().split("e").length - 1;
				if(countSubMenus == 1)
				{
					this.childMenu.style.left = 201+(180*countSubMenus) + 'px';
				}
				else
				{
					this.childMenu.style.left = 201+(180*countSubMenus) + 'px';
					
				}
				var smRight = this.childMenu.getCoordinates().right;
				var viewportRightEdge = document.getCoordinates().width + window.getScroll().x;				
				if( smRight > viewportRightEdge ){
					this.options.direction.x = 'left';
					this.options.direction.xInverse = 'right';
					this.childMenu.style.left = this.btn.getCoordinates().left - this.childMenu.getCoordinates().width + this.options.tweakSubsequent.x + 'px'
					if (this.options.effect === 'slide' || this.options.effect === 'slide & fade') {
						this.myEffect.set({	'margin-left': this.width,	'opacity': this.options.opacity	});
					}
				}
			}
		}
		this.options.onPositionSubMenu_complete(this);
	}
	
});