$(function(){

		$('.top_bt').on('click', function(){
			$( 'html, body' ).animate( { scrollTop : 0 }, 800 );
		})

		$('.fotorama__nav-wrap').css('display','none');
		
		$('.menu_bt').on('click', function(){
			openNav();
		})

		$('.closeMenu').on('click', function(){
			closeNav();
		})

		$('#mask').on('click', function(){
			closeNav();
		})

	})

	function openNav(){
		$('.nav').animate({left: "0"}, 500);
		showMask();
	}

	function closeNav(){
		$('.nav').animate({left: "-300"}, 500);
		hideMask();
	}

	function showMask(){
		var maskHeight = $(document).height();  
		var maskWidth = $(window).width();  

		$('#mask').css({'width':maskWidth,'height':maskHeight});  
		$('#mask').animate({opacity: "0.4"}, 500); 
		$('.closeMenu').show();
	}

	function hideMask(){
		var maskHeight = 0;
		var maskWidth = 0;

		$('#mask').css({'width':maskWidth,'height':maskHeight});  
		$('#mask').animate({opacity: "0"}, 500); 
		$('.closeMenu').hide();
	}

	function topBottomImgAccord(iNum){
		$('.tapMenu').removeClass('cur');
		$('.tapMenu').parent().find('img').remove();
		$('.b_tapMenu').removeClass('cur');
		$('.b_tapMenu').parent().find('img').remove();
		$('.tapMenu').eq(iNum).addClass('cur');
		$('.tapMenu').eq(iNum).parent().append('<img src="/images/icon_view.png">');
		$('.b_tapMenu').eq(iNum).addClass('cur');
		$('.b_tapMenu').eq(iNum).append('<img src="/images/icon_view2.png">');
	}