//<![CDATA[
window.addEvent('domready', function(){
	//sätt width på alla a och li i alla listor
	//sätt height och left-margin på ul grandchild
	var menu = $('mc_menu_1');
	var menuItems = menu.getChildren('li');
	/*var maxW = 0;
	menuItems.each(function(item){
		//ta reda på längsta länken och bestäm width
		ln = $(item).getElement('a').get('text').length;
		if(ln > maxW){
			maxW = ln;
		}
		$(item).getElement('a').setStyle('width', ((ln * 5.6) + 6) + 'px');
		$(item).setStyle('width', ((ln * 5.6) + 6) + 'px');
	});
	minWidth = (maxW * 5.6) + 6;*/
	var minWidth = 0;
	menuItems.each(function(item){
		size = $(item).getSize();
		ln = size.x;
		if(ln > minWidth){
			minWidth = ln;
		}
	});
	menuItems.each(function(item){
		//$(item).getElement('a').setStyle('width', itemWidth + 'px');
		//$(item).setStyle('width', itemWidth + 'px');
		if($(item).getElement('ul') != null){
			var children = $(item).getElement('ul').getChildren('li');
			var childW = 0;
			children.each(function(child){
				//nivå 2 width
				ln = $(child).getElement('a').get('text').length;
				if(ln > childW){
					childW = ln;
				}
			});
			var childWidth = (childW * 5.4) + 10;
			if(childWidth < minWidth){
				childWidth = minWidth;
			}
			$(item).getElement('ul').setStyle('width', (childWidth + 10) + 'px');
			children.each(function(child){
				$(child).getElement('a').setStyle('width', childWidth + 'px');
				$(child).setStyle('width', childWidth + 'px');
				if($(child).getElement('ul') != null){
					var grandchildren = $(child).getElement('ul').getChildren('li');
					var grandchildW = 0;
					grandchildren.each(function(grandchild){
						//nivå 3 width
						ln = $(grandchild).getElement('a').get('text').length;
						if(ln > grandchildW){
							grandchildW = ln;
						}
					});
					var grandchildWidth = (grandchildW * 5.4) + 12;
					grandchildren.each(function(grandchild){
						$(grandchild).getElement('a').setStyle('width', grandchildWidth + 'px');
						$(grandchild).setStyle('width', grandchildWidth + 'px');
					});
					grandchildHeight = grandchildren.length * 24;
					$(child).getElement('ul').setStyle('height', grandchildHeight + 'px');
					$(child).getElement('ul').setStyle('margin-left', (childWidth + 3) + 'px');
				}
			});
		}
	});
	menuItems.addEvents({
		//byta färg, sätta height på children
		'mouseenter': function(){
			this.getElement('a').setStyle('background', '#999');
			if(this.getElement('ul') != null){
				var ln = this.getElement('ul').getChildren('li').length;
				this.getElement('ul').set('tween', {
					duration: 1000,
					transition: Fx.Transitions.Bounce.easeOut
				}).tween('height', (ln * 25) + 'px');
			}
		},
		'mouseleave': function(){
			this.getElement('a').setStyle('background', '#666');
			if(this.getElement('ul') != null){
				this.getElement('ul').set('tween', {}).tween('height', 0);
			}
		}
	});
	var children = $$('ul.mc_depth_2');
	children.each(function(child){
		var childItems = $(child).getChildren('li');
		childItems.addEvents({
			//byta färg, sätta width på grandchildren, sätt overflow till visible på parent ul
			'mouseenter': function(){		
				this.getElement('a').setStyle('background', '#ccc');
				this.getElement('a').setStyle('color', '#666');
				if(this.getElement('ul') != null){
					this.getElement('ul').setStyle('background', 'white');
					this.getParent('ul').setStyle('overflow', 'visible');
					var w = this.getElement('ul').getFirst('li').getStyle('width').toInt();					
					this.getElement('ul').set('tween', {
						duration: 1000,
						transition: Fx.Transitions.Bounce.easeOut
					}).tween('width', (w + 10) + 'px');
				}
			},
			'mouseleave': function(){
				this.getElement('a').setStyle('background', '#999');
				this.getElement('a').setStyle('color', '#fff');
				if(this.getElement('ul') != null){
					this.setStyle('z-index', '0');
					this.getElement('ul').set('tween', {}).tween('width', 0);
					this.getParent('ul').setStyle('overflow', 'hidden');
				}
			}
		});
	});
	var grandchildren = $$('ul.mc_depth_1');
	grandchildren.each(function(grandchild){
		var grandchildItems = $(grandchild).getChildren('li');
		grandchildItems.addEvents({
			//byta färg
			'mouseenter': function(){
				this.getElement('a').setStyle('background', '#eee');
			},
			'mouseleave': function(){
				this.getElement('a').setStyle('background', '#ccc');
			}
		});
	});
});
//]]>