$(document).ready(function() {

      
		$(".japanese").click(function(){
		    $("#layer")
			   .css("display","block");	
            $(".english")
			   .css("display","none");
            $(".japanese")
			   .css("display","none");
			$(".logo img")
			   .animate({width: '554px', height: '50'}, {duration:500, easing:'easeInBack'})
			   .animate({left:"+=0px"},900)
			   .animate({width: '277px', height: '50'}, {duration:500, easing:'easeOutBack'})
			$(".logo")
			   .animate({left:"+=0px"},500)
			   .animate({top:'390px',left:"-640px"}, {duration:500, easing:'easeInOutExpo'})
			   .animate({top:'30px',left:"-640px"}, {duration:10, easing:'easeInOutExpo'})
			   .animate({top:'30px',left:"30px"}, {duration:500, easing:'easeInOutExpo'})
            });
		
		$(".english").click(function(){
		    $("#layer")
			   .css("display","block");	
            $(".english")
			   .css("display","none");
            $(".japanese")
			   .css("display","none");
			$(".logo img")
			   .animate({width: '554px', height: '50'}, {duration:500, easing:'easeInBack'})
			   .animate({left:"+=0px"},900)
			   .animate({width: '277px', height: '50'}, {duration:500, easing:'easeOutBack'})
			$(".logo")
			   .animate({left:"+=0px"},500)
			   .animate({top:'390px',left:"-640px"}, {duration:500, easing:'easeInOutExpo'})
			   .animate({top:'30px',left:"-640px"}, {duration:10, easing:'easeInOutExpo'})
			   .animate({top:'30px',left:"30px"}, {duration:500, easing:'easeInOutExpo'})
            });

     });