var navMenu = new Class({
 	initialize:function(primaryId, secondaryId, openedNode)
	{
		this.primary = $(primaryId);
		this.secondary = $(secondaryId);
		this.openedNode = openedNode;
		this.primaryH = false;
		this.secondaryH = false;
		this.getElements();
	},
	getElements:function() {
		var $this = this;
		this.primNav = this.primary.getElement('ul').getChildren('li');
		this.hardSelected = this.primNav[0];
		this.defaultNode = 0;
		this.clickedMain = false;
		this.primary.addEvent('mouseenter',function(){
			$this.primaryH = true;
		})
		this.primary.addEvent('mouseleave',function(){
			$this.primaryH = false;
			(function(){$this.defaultState();}).delay(100);
		})
		this.secondary.addEvent('mouseenter',function(){
			$this.secondaryH = true;
		})
		this.secondary.addEvent('mouseleave',function(){
			$this.secondaryH = false;
			(function(){$this.defaultState()}).delay(100);
		})		
		this.primNav.each(function(element,index){
			element.index = index;
			if (element.getElement('div')) {
				element.getElement('div').setStyle('left', -element.getPosition('nav_main_1').x);
			} 			
			if(element.hasClass('active'))
			{
				$this.hardSelected = element;
				$this.defaultNode = index;
			}
			element.addEvent('mouseenter',function(){
				$this.addActiveClass(this);
				$this.showNode(this.index);
			})
			element.addEvent('click',function(){
				$this.clickedMain = true;
			})							
		})
		this.showNode(this.defaultNode)
	},
	defaultState:function()
	{
		if(this.primaryH == false && this.secondaryH == false && this.clickedMain == false)
		{
			this.addActiveClass(this.hardSelected);	
			this.showNode(this.defaultNode);
		}			
	},	
	addActiveClass:function(el)
	{
		if(this.clickedMain)
			return		
		this.primNav.each(function(element){
			if(el!=element)
				element.removeClass('active')
			if(el==element)
				element.addClass('active')
		})
	},
	showNode:function(openNode)
	{
		if(this.clickedMain)
			return			
		var $this = this;
		$('nav_main_1').tween('height', 35);
		this.primNav.each(function(element,index){
			if (element.getElement('div')) {
				if (index != openNode) {
					element.getElement('div').setStyle('display', 'none');
				}
				if (index == openNode) {
					element.getElement('div').setStyle('display', 'block');
					$('nav_main_1').tween('height', 61);
				}
			}
		})
	}	
})