window.addEvent('domready',function() {
	
	var MainMenuElements = $$('#main li');
	if(MainMenuElements && MainMenuElements.length>0)
	{
		MainMenuElements.each(function(element,index){
			element.addEvent('mouseenter',function() {
				this.toggleClass('hover');
			});
			element.addEvent('mouseleave',function() {
				this.toggleClass('hover');
			});
		});
	}
	
	
	var DropDownMenuElements = $$("#sub li.element");	
/*	if(DropDownMenuElements && DropDownMenuElements.length>0)
	{
		var menuheight = $('sub').getStyle('height');
		var menu_offset_left = $('sub').getCoordinates().left;
		
		DropDownMenuElements.each(function(element,index){
			var children = element.getChildren();
			element.addEvent('mouseenter',function() {

				if(children.length>1)
				{
					var SubMenu = children[1];
					var SubMeuItems = SubMenu.getChildren();
					var SubMenuLength = 0;
					
					SubMeuItems.each(function(subelement,subindex){
						if(subelement.getCoordinates().width > SubMenuLength)
							SubMenuLength = subelement.getCoordinates().width;
					});
					
					if(element.getCoordinates().width>SubMenuLength)
					{
						SubMeuItems.each(function(subelement,subindex){
							subelement.setStyle('width',element.getCoordinates().width);
						});
					} else {
						SubMenu.setStyle('width','200px');	
						$ES('li',SubMenu).setStyle('width','100%');
					}
					
					this.toggleClass('hover-dropdown');
					if(window.ie)
					{
						var margin_left = this.getCoordinates().left;						
						SubMenu.setStyle('margin','0 0 0 0');
						SubMenu.setStyle('left',margin_left+'px');
					}
				}
				else
					this.toggleClass('hover');
			
			});				
			element.addEvent('mouseleave', function() {
				if(children.length>1)
				{
					this.toggleClass('hover-dropdown');			
					
					if(window.ie)
						children[1].setStyle("left","-999em");
				}
				else
					this.toggleClass('hover');				
			});
		});
	}*/
	
//var DropDownMenuElements = $$("#top-menu li.element");	
		if(DropDownMenuElements && DropDownMenuElements.length>0)
		{
			var menuheight = $('sub').getStyle('height');
			var menu_offset_left = $('sub').getCoordinates().left;
			
			DropDownMenuElements.each(function(element,index){
				var children = element.getChildren();
				element.addEvent('mouseenter',function() {
		
					if(children.length>1)
					{
						var SubMenu = children[1];
						var SubMeuItems = SubMenu.getChildren();
						var SubMenuLength = 0;
						
						SubMeuItems.each(function(subelement,subindex){
							if(subelement.getCoordinates().width > SubMenuLength)
								SubMenuLength = subelement.getCoordinates().width;
						});
						
						
						//alert("Element width: "+element.getCoordinates().width);
						//alert("SubMenuLength: "+SubMenuLength);
						
						if(element.getCoordinates().width>SubMenuLength)
						{
							SubMeuItems.each(function(subelement,subindex){
								subelement.setStyle('width',element.getCoordinates().width);
								$ES('li',SubMenu).setStyle('width',element.getCoordinates().width);
							});
						} else {							
							SubMenu.setStyle('width',SubMenuLength);	
							$ES('li',SubMenu).setStyle('width','100%');
						}
						
						this.toggleClass('hover-dropdown');
						if(window.ie)
						{
							var margin_left = this.getCoordinates().left;						
							SubMenu.setStyle('margin','0 0 0 0');
							SubMenu.setStyle('left',margin_left+'px');
						}
					}
					else
						this.toggleClass('hover');
				
				});				
				element.addEvent('mouseleave', function() {
														
					var SubMenu = children;
					if(SubMenu.length>1)
					{
						this.toggleClass('hover-dropdown');			
						
						if(window.ie)
							children[1].setStyle("left","-999em");
					}
					else
						this.toggleClass('hover');				
				});
			});		
		}	
	
});