
// 메뉴바와 푸터 설정
jQuery(document).ready(function($){
jQuery.easing.def = 'easeOutQuart'; // 에니메이션의 처음과 끝의 자연스러운 움직임을 제어
    
    $("#menuBar").animate({ left:"-2%" }, 1000 );

	
	$(".menuOpener").toggle( function(){
	  $("#menuBar").animate({ left:"-90%" }, 1000 )
	  $("#menuBar").css({"background-position":"right -37px"});
	  $(".box_right").add(".box_right h3").add(".box_left").fadeTo("slow", 0.0);

	  
	  },function(){
	  $("#menuBar").animate({left:"-2%"}, 1000 )
	  $("#menuBar").css({"background-position":"right 0px"});
	  $(".box_right").add(".box_right h3").add(".box_left").fadeTo("slow", 1.0);

	});
	
	$("#footer_bgm .soundControl").toggle( function(){
	  $("#footer_bgm").animate({ bottom:"0" }, 1000 )
	  
	  },function(){
	  $("#footer_bgm").animate({bottom:"-21px"}, 1000 )
	});
	
});