window.addEvent("domready", function(){
	$$('.menu-toggle div').each(function(item, index){
		if(item.hasClass('section') || item.hasClass('current')){
			$$('.menu-content')[index].setStyle("display", "block");
			$$('.menu-content')[index].setStyle("opacity", "1");
			$$('.menu-content')[index].setStyle("height", "auto");
		}else{
			item.addEvent("mouseenter", function(){
				item.set('class', 'current');
			});
			item.addEvent("mouseleave", function(){
				item.set('class', 'link');
			});
			$$('.menu-content')[index].setStyle("display", "none");
			$$('.menu-content')[index].setStyle("opacity", "0");
			$$('.menu-content')[index].setStyle("height", "0px");
		}
	});

	$$('.menu-toggle').each(function(item, index){
		item.addEvent("click", function(){
			$$('.menu-content').each(function(item1, index1){
				var anima = new Fx.Morph(item1, {
					wait: false,
					duration: 'short',
					transition: Fx.Transitions.Quad.easeInOut
				});
				if(index1 != index){
					anima.start({
					'display': 'none',
					'visibility': 'hidden',
					'opacity': 0
					});
					item1.setStyle('height', 0);
				}else{
					if(item1.getStyle("height").toInt() == 0){
						var alt = 0;
						/*item1.getElements('li').each(function(item2, index2){
						var size = item2.getSize();
						alt += size.y;
						});*/
						anima.start({
						'display': 'block',
						'visibility': 'visible',
						'opacity': 1
						});
						item1.setStyle('height', 'auto');
					}else{
						anima.start({
						'display': 'none',
						'visibility': 'hidden',
						'opacity': 0,
						'height': 0
						});
					}
				}
			});
		});
	});

});