$(function(){
	
	// GNB	
	$("#main_menu li.on").addClass('origin');
	$("#main_menu li").bind({
		'mouseenter':function(){
			$("#main_menu li").removeClass("on");
		},
		'mouseleave':function(){
			$("#main_menu li.origin").addClass("on");
		},
	});


	// 공통 탭 메뉴
	$('.tabs_active').each(function(){
		var active, content, links = $(this).find('a');
		active = links.first().parents('li').addClass('on');
		content = $(active.children('a').attr('href'));
		links.not(':first').each(function () {
			$($(this).attr('href')).hide();
		});

		$(this).on('click', 'a', function(e){
			active.removeClass('on');
			content.hide();
			active = $(this).parents('li');
			content = $($(this).attr('href'));
			active.addClass('on');
			content.show();
			e.preventDefault();
		});
	});

});

/* 모달 */
var winScroll=0;
$(window).bind('load scroll resize',function(){
	winScroll = $(this).scrollTop();
});

function modal_open(modalName)  { // 모달 열기 공통
	modal = $(modalName); // 모달창 ID값으로 열기
	//modal = $(this).attr('href'); // 모달창 ID값으로 열기
	modalBody = $(modal).children('.modal_wrap'); // 실제 모달창

	modalW = modalBody.width();
	modalH = modalBody.height();
	//modalOverlay = $('.layer_pop_bg');
	if ( modalH >= $(window).height() ) { // 모달창이 윈도우보다 큰 경우
		
		modalBody.css({
			'top':'50px',
			'margin-left':-modalW/2,
			'margin-top':'auto'
		});
		//modalOverlay.height(modalH+100);
		modal.addClass('modalScroll');
		$('body').addClass('winFix winOverflow'); // body에 스크롤바 
		$('body').addClass('modalFix').css('top',-winScroll); // 스크롤바 막고, 사이즈 고정		

	} else {

		modalBody.css({
			'top':'50%',
			'margin-left':-modalW/2,
			'margin-top':-modalH/2
		}); // 모달창 크기 계산, 가운데 정렬

		$('body').addClass('winFix'); // body에 스크롤바 
		$('body').addClass('modalFix').css('top',-winScroll); // 스크롤바 막고, 사이즈 고정
	}

	$(modal).stop().fadeIn(150);
}
function modal_close() { // 모달 닫기 공통
	winTop = Math.abs(parseInt($('body').css('top'))); // 모달 닫을 시 현재 스크롤 위치값 반환
	
	modal.fadeOut(100);
	modal.removeClass('modalScroll');
	$('body').removeClass('winFix winOverflow');
	$('body').removeClass('modalFix').css('top','');
	//modalOverlay.height('');
	$(window).scrollTop(winTop);
	winTop = 0;
}

//높이 가변화되는 모달 열고 닫기
function modal_open2(modalName) {
  var s_height=$(document).scrollTop();
  modal = $(modalName);
  modalBody = $(modal).children('.modal_wrap');
  modal.stop().fadeIn(150);
  var height=modalBody.outerHeight();
  var w_height=$(window).height();
  var margin=(w_height-height)/2;
  var marginL=modalBody.width()/2;
  modalBody.css({
    "margin-top":margin,
    "margin-left":-marginL,
  });
  $("body").addClass("modalFix");
  $("body").addClass("winFix");
  $("body").css("top",-s_height);
}
function modal_close2(modalName) {
  winTop = Math.abs(parseInt($('body').css('top')));
  modal = $(modalName);
  modal.fadeOut(100);
  modal.hide();
  $("body").removeClass("modalFix").css("top");
  $("body").removeClass("winFix");
  $(window).scrollTop(winTop);
  winTop = 0;
}

$(function(){
	$('a.modal_open').click(function(e){ // a 태그에 클래스를 주었을 때 모달 열기
		e.preventDefault();
		modalName = $(this).attr('href');
		modal_open(modalName);
	});

	$('.modal .btn_close, .layer_pop_bg, .renew_modal .btn_close').click(function(e){ // 모달 버튼 닫기
		e.preventDefault();
		modal_close();
		false;
	});

	//높이 가변화 되는 모달 닫기
	$(".modal .btn_close2, .modal .btn_ok2, .modal .btn_cancel2").click(function() {
		var modal=$(this).parents(".modal").attr("id");
		modal_close2("#"+modal);
	});

	//높이 가변화 되는 리뉴얼 모달 닫기
	$(".renew_modal .btn_close2").click(function(e){
		var modal=$(this).parents(".renew_modal").attr("id");
		modal_close2("#"+modal);
	});

	$(this).keyup(function(e) { // 모달 ESC 닫기
		if(e.keyCode == 27 && $('body').hasClass('winFix')) {
			modal_close()
			false;
		}
	});

});