// JavaScript Document
$(document).ready(function() {	
	
	setTimeout(function(){$("#img_logo").fadeIn(2000);},500);
	setTimeout(function(){$("#img_01").fadeIn(2000);},1500);
	setTimeout(function(){$("#img_02").fadeIn(2000);},2500);
	setTimeout(function(){$("#img_03").fadeIn(2000);},3500);
	

	
	$("#img_logo").mouseover(function(){
    	$("#tishi").fadeIn(500);
	});
	$("#img_logo").mouseout(function(){
    	$("#tishi").fadeOut(500);
	});
	
	
	$('#img_01').hover(function(){
		$(".cover", this).stop().animate({top:'-70px'},{queue:false,duration:160});
	}, function() {
		$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:160});
	});
	
	$('#img_02').hover(function(){
		$(".cover", this).stop().animate({top:'-70px'},{queue:false,duration:160});
	}, function() {
		$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:160});
	});
	
	
	$('#img_03').hover(function(){
		$(".cover", this).stop().animate({top:'-40px'},{queue:false,duration:160});
	}, function() {
		$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:160});
	});
	
	
});