/*
window.addEvent('domready', function(){									 
	//First Example
	var el = $('mainMenu'),
		height = el.getStyle('height');
	
	// We are adding two events
	$('menuTrigger').addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			document.getElementById("mainMenu").morph({
				'height': '260px'
			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			document.getElementById("mainMenu").morph({
				'height': '100px'
			});
		}
	});	
	$(document.body).getElements('.item.layer0').addEvents({
    'mouseenter': function(){
        this.getElements('.menu')[0].style.opacity="1";
        this.getElements('.menu')[0].style.visibility="visible";
    },
    'mouseleave': function(){
        this.getElements('.menu')[0].style.opacity="0";
        this.getElements('.menu')[0].style.visibility="hidden";
    }
});
	
});
*/

jQuery(document).ready(function($) {
	jQuery("#menuTrigger .parent").each(function(){
		jQuery(this).mouseenter(function(){
			var height = jQuery(this).children(".menu").height() + 70;
			jQuery("#mainMenu").stop().animate({height: + height + "px"});
            jQuery(this).children(".menu").stop().css({visibility: "visible"});
			jQuery(this).children(".menu").stop().animate({opacity: "1"});


		}).mouseleave(function(){
			jQuery("#mainMenu").stop().animate({height:"100px"});
            jQuery(this).children(".menu").stop().css({visibility: "hidden"});
			jQuery(this).children(".menu").stop().animate({opacity: "0" });

		});
	});
});