jQuery(document).ready(function($){
    //-------------------------------------------------------------------------- Menu principal --------------------
    $(function() {
	$('#menu-mainmenu > li').bind('mouseenter',function(){
	    var $elem = $(this);
	    $elem.find('img')
		 .stop(true)
		 .animate({
		    'width':'120px',
		    'height':'120px',
		    'left':'0px'
		 },400,'easeOutBack')
		 .andSelf()
		 .find('.tab_wrap')
		 .stop(true)
		 .animate({'top':'85px'},500,'easeOutBack')
		 .andSelf()
		 .find('.tab_active')
		 .stop(true)
		 .animate({'height':'120px'},300,function(){
		    var $sub_menu = $elem.find('.sub-menu');
		    if($sub_menu.length){
			var left = '110px';
			if($elem.parent().children().length == $elem.index()+1) left = '-110px';
			$sub_menu.show().animate({'left':left},200,function(){$(this)});
		    }
		 });
	}).bind('mouseleave',function(){
	    var $elem = $(this);
	    var $sub_menu = $elem.find('.sub-menu');
	    if($sub_menu.length) $sub_menu.hide().css('left','0px');
	    $elem.find('.tab_active')
		 .stop(true)
		 .animate({'height':'0px'},300)
		 .andSelf().find('img')
		 .stop(true)
		 .animate({
		    'width':'0px',
		    'height':'0px',
		    'left':'50px'},400)
		 .andSelf()
		 .find('.tab_wrap')
		 .stop(true)
		 .animate({'top':'0'},300);
	});
    });
});