$(document).ready(function() { 
	$('ul.menu').superfish({ 
		delay:       600,                            // one second delay on mouseout 
		animation:   {opacity:'show',height:'show'},  // fade-in and slide-down animation 
		speed:       'normal',                          // faster animation speed 
		autoArrows:  false,                           // disable generation of arrow mark-up 
		dropShadows: false                            // disable drop shadows 
	});
	/*************** gallery1  ****************/
	
	 $('.gallery1 li .blok').hover(function(){
	   $(this).find('.yellow').stop(true,false).animate({backgroundColor:"#000"}, {duration: 400});
	  },function(){
	   $(this).find('.yellow').stop(true,false).animate({backgroundColor:"#FFA922"}, {duration: 400});
	 });
	  $('.gallery1 li .blok').hover(function(){
	   $(this).find('.orange').stop(true,false).animate({backgroundColor:"#000"}, {duration: 400});
	  },function(){
	   $(this).find('.orange').stop(true,false).animate({backgroundColor:"#FF7B25"}, {duration: 400});
	 });
	   $('.gallery1 li .blok').hover(function(){
	   $(this).find('.red').stop(true,false).animate({backgroundColor:"#000"}, {duration: 400});
	  },function(){
	   $(this).find('.red').stop(true,false).animate({backgroundColor:"#FF561D"}, {duration: 400});
	 });

	/*************** footer-menu  ****************/
	$('.footer-menu li a').not('.active').hover(function(){
	   $(this).stop(true,false).animate({color:"#fff"}, {duration: 300});
	  },function(){
	   $(this).stop(true,false).animate({color:"#636160"}, {duration: 300});
	 });
	$('.footer-menu li a ').not('.active')
	.hover(function(){
		$(this).find('span')
		.stop().animate({width:'100%', left:'0'}, {duration:200})
	}, function(){
		$(this).find('span')
		.stop().animate({width:'0', left:'50%'}, {duration:200})
	})
	/*************** footer-menu  ****************/
	
	$('.footer-link1')
	.hover(function(){
		$(this).find('span')
		.stop().animate({width:'100%', left:'0'}, {duration:200})
	}, function(){
		$(this).find('span')
		.stop().animate({width:'0', left:'50%'}, {duration:200})
	})
	/*************** menu animate ****************/
	
	$('.menu li span').css({opacity: 0});
	
	$('.menu > li').not('.active')
	.hover(function(){
		$(this).find('>a>span').stop().animate({opacity:1}, {duration:300})
	}, function(){
		$(this).not('.sfHover').find('>a>span').stop().animate({opacity:0}, {duration:350, complete:function(){
			$(this).css({opacity:0})
		}})
	})
	
	$('.menu li li')
	.hover(function(){
		$(this).find('>a>em').stop().animate({left:'0', width:'100%', opacity:1}, {duration:250})
	}, function(){
		$(this).not('.sfHover').find('>a>em').stop().animate({left:'62px', width:0, opacity:0}, {duration:250, complete:function(){
			$(this).css({left:'62px', width:0, opacity:0})
		}})
	})

	
});