$(document).ready(function(){

//popup----------------------------------------------------------------------------
		$('.pop1').fadeIn(400);
		$('.cl').click( function() {
			$('.pop1').css("display","none")
		});

//index control------------------------------------------------------------------start ★
		$('.mmain').show("slide", {direction:'left', times:8 }, 700);
		$('.mmnavi').stop().animate({width:'15%'}, 900, function(){
		$('.mmain_content').fadeIn(500, function(){
		$('.btm').fadeIn(500);
		$('.wrap').css('background','#ffdf00');

		//화면의 높이와 너비를 구한다.
		var maskHeight = $(window).height();  
		var maskWidth = $(window).width();  
	      
		//마스크의 높이와 너비를 화면 것으로 만들어 전체 화면을 채운다.
		$('#mask').css({'width':maskWidth,'height':maskHeight});  
		  
		//애니메이션 효과 - 일단 1초동안 까맣게 됐다가 80% 불투명도로 간다.
		$('#mask').fadeIn(1000);      
		$('#mask').fadeTo("slow",0.8);    
 
		//윈도우 같은 거 띄운다.
		$('.window').show();

		//닫기 버튼을 눌렀을 때
		$('.window .close').click(function (evt) {  
		    //링크 기본동작은 작동하지 않도록 한다.
		    evt.preventDefault();
			$('#mask').hide();
		    $('.window').empty();  
		});       
		      
		//검은 막을 눌렀을 때
		$('#mask').click(function () {  
		    $(this).hide();  
		    $('.window').empty();  
		});      
		});
		});


//mnavi button control------------------------------------------------------------------start ★
	//btm button control------------------------------------------------------------------start ★

	//--login button control-----------
		$('.loginbarbt').click(function () {
			$('.loginbar').css("height","30px");
			$('.loginbarbt').css("display","none");
			$('.bar').css("display","block");
			$('.close').css("display","block");
		});

		$('.close').click(function () {
			$('.loginbar').css("height","1px");
			$('.close').css("display","none");
			$('.bar').css("display","none");
			$('.loginbarbt').css("display","block");
		});


		$('.bt2 img, .bt3 img, .bt4 img, .bt5 img, .bt6 img, .bt7 img, .bt8 img').click(function(){
				$('.mmain').hide("slide", {direction:'left', times:1 }, 150);
				$('.mmain_content').hide('fast');
				$('.mmnavi').stop().animate({width:'0px'}, 150 );
				$('.btm').css("display","none");
				$('.mnavi').show("slide", {direction:'right', times:1 }, 150, function(){
				$('.snavi').show("slide", {direction:'right', times:1 }, 1);
			});
		});

		//$('.yobs').click(function(){
		//	$(".ready").fadeIn(400);
		//});

		$('.ready').click(function(){
			$(".ready").css("display","none");
		});


		
	//btm button control------------------------------------------------------------------end ★

		//***** popup start*****


			$(".var").fancybox({
				'width'				: '7',
				'height'			: '6',
				'autoScale'			: false,
				'scrolling' : 'no',
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic',
				'overlayColor'		: '#ffdf00',
				'overlayOpacity'	: 0.9,
				'type'				: 'iframe'
			});

			$(".login_var").fancybox({
				'width'				: '7',
				'height'			: '2',
				'autoScale'			: true,
				'scrolling' : 'no',
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic',
				'overlayColor'		: '#ffdf00',
				'overlayOpacity'	: 0.9,
				'type'				: 'iframe'
			});

			$(".join_var").fancybox({
				'width'				: '7',
				'height'			: '7',
				'autoScale'			: false,
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic',
				'overlayColor'		: '#ffdf00',
				'overlayOpacity'	: 0.9,
				'type'				: 'iframe'
			});

			$(".catal_var").fancybox({
				'width'				: '8',
				'height'			: '6',
				'autoScale'			: false,
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic',
				'overlayColor'		: '#ffdf00',
				'overlayOpacity'	: 0.9,
				'type'				: 'iframe'
			});

			$(".team_var").fancybox({
				'width'				: '7',
				'height'			: '6',
				'autoScale'			: false,
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic',
				'overlayColor'		: '#ffdf00',
				'overlayOpacity'	: 0.9,
				'type'				: 'iframe'
			});

			$("a[rel=gall_var]").fancybox({
				'transitionIn'	: 'none',
				'transitionOut'	: 'none',
				'overlayColor'		: '#ffdf00',
				'overlayOpacity'	: 0.9,
				'titlePosition' 	: 'over',
				'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
					return '<span id="fancybox-title-over">'+ (title.length ? ' &nbsp; ' + title : '') + '</span>';
				}
			});

			$(".video_var").fancybox({
				'width'				: '8',
				'height'			: '5',
				'autoScale'			: false,
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic',
				'overlayColor'		: '#ffdf00',
				'overlayOpacity'	: 0.9,
				'type'				: 'iframe'
			});
		//***** popup end*****

//★ smain button control------------------------------------------------------------------end ★

});