$(document).ready(function() {
	$('#menu').slideDown(600, 'easeOutBack');
	//$('#menu').slideUp(0);
	$('.menu .active').animate({opacity:'hide'},0);
	var fl=false;
	$('.menu').click(function(){
		if (fl) {
			$('#menu').slideUp(800, 'easeInBack');
			fl=false;
			$(this).find('.active').stop().animate({opacity:'hide'},200);
		} else{
			$('#menu').slideDown(600, 'easeOutBack');
			fl=true;
			$(this).find('.active').stop().animate({opacity:'show'},200);
		}
	});
	$('#menu > li:not(.active)').hover(function(){
		$(this).find('>span').stop().animate({backgroundPosition:'56% -137px'},400,'easeInQuad' );
	}, function(){
		$(this).find('>span').stop().animate({backgroundPosition:'56% -285px'},400, 'easeOutQuad');
	})
	$('ul#menu').superfish({
      delay:       200,
      animation:   {height:'show'},
      speed:       600,
      autoArrows:  false,
      dropShadows: false
   });
 });