$(document).ready(function() { 
	$('ul.menu').superfish({ 
		delay:       600,                            // one second delay on mouseout 
		animation:   {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 
	}); 
}); 

$(function () {				
	$('.box')
	.hover(function(){
		$(this).find('.banner')
		.stop().animate({bottom:0}, {duration:400, easing:'easeOutQuart'})
	}, function(){
		$(this).find('.banner')
		.stop().animate({bottom:-155}, {duration:400, easing:'easeOutQuart'})
	})
	
	$('.tdate-1 a')
	.hover(function(){
		$(this).find('span')
		.stop().animate({width:'100%'}, {duration:300})
	}, function(){
		$(this).find('span')
		.stop().animate({width:0, left:'100%'}, {duration:300, complete:function(){
			$(this).css({left:0})
		}})
	})
	
	$('.list-1 li')
	.hover(function(){
		$(this).find('span')
		.stop().animate({left:'100%', width:0}, {duration:300})
		$(this).find('strong')
		.stop().animate({width:'100%'}, {duration:300})
	}, function(){
		$(this).find('strong')
		.stop().animate({width:0}, {duration:300})
		$(this).find('span')
		.stop().animate({width:16, left:0}, {duration:300, complete:function(){
			$(this).css({left:0})
		}})
	})
	
	$('.menu li.active span').css({top: 0});
	
	$('.menu > li').not('.active')
	.hover(function(){
		$(this).find('>a>span').stop().animate({top:0, opacity:1}, {duration:350, easing:'easeOutElastic'})
	}, function(){
		$(this).not('.sfHover').find('>a>span').stop().animate({opacity:0}, {duration:350, complete:function(){
			$(this).css({opacity:1, top:'-100%'})
		}})
	})
	
	$('.menu ul li')
	.hover(function(){
		$(this).find('>a>em').stop().animate({right:'0'}, {duration:250})
	}, function(){
		$(this).not('.sfHover').find('>a>em').stop().animate({right:'100%'}, {duration:250, complete:function(){
			$(this).css({right:'100%'})
		}})
	})
	
	$('.footer-link')
	.hover(function(){
		$(this).find('span')
		.stop().animate({width:'0', left:'50%'}, {duration:200})
	}, function(){
		$(this).find('span')
		.stop().animate({width:'100%', left:'0'}, {duration:200})
	})
});