$(function() {
	$('#apemt_menu > li').bind('mouseenter',function(){
		var $elem = $(this);
		$elem.find('img')
			 .stop(true)
			 .animate({
				'width':'100px',
				'height':'61px',
				'left':'0px',
				'bottom':'-25px'
			 },400,'easeOutBack')
			 .andSelf()
			 .find('.sdt_link')
			 .stop(true)
			 .css("color", "#f8f8f8")
			 .andSelf()
			 .find('.sdt_descr')
			 .stop(true)
			 .css("visibility", "visible")
			 .andSelf()
			 .find('.sdt_wrap')
			 .stop(true)
			 .animate({'top':'110px'},500,'easeOutBack')
			 .andSelf()
			 .find('.sdt_active')
			 .stop(true)
			 .animate({'height':'130px'},300,function(){
			var $sub_menu = $elem.find('.sdt_box');
			if($sub_menu.length){
				var left = '100px';
				if($elem.parent().children().length == $elem.index()+1)
					left = '-100px';
				$sub_menu.show().animate({'left':left},200);
			}
		});
	}).bind('mouseleave',function(){
		var $elem = $(this);
		var $sub_menu = $elem.find('.sdt_box');
		if($sub_menu.length)
			$sub_menu.hide().css('left','0px');

		$elem.find('.sdt_active')
			 .stop(true)
			 .animate({'height':'0px'},300)
			 .andSelf().find('img')
			 .stop(true)
			 .animate({
				'width':'100px',
				'height':'61px',
				'left':'0px',
				'bottom':'250px'
				},400,'easeInCubic')
			 .andSelf()
			 .find('.sdt_wrap')
			 .stop(true)
			 .animate({'top':'25px'},500)
			 .andSelf()
			 .find('.sdt_link')
			 .stop(true)
			 .css("color", "#3f3f3f")
			 .andSelf()
			 .find('.sdt_descr')
			 .stop(true)
			 .css("visibility", "hidden");
	});
});