//Layer View
function layShow(idObj){
	$(idObj).fadeIn(700);
}
function layHide(idObj){
	$(idObj).fadeOut(700);
}

$(document).ready(function(){
	//lnb 스크립트
	var $lnbBtn = $('#con_lf div.lnb_nav a');
	$lnbBtn.addClass('lnbDep1');
	$lnbBtn.parent().find('div:first').find('a').removeClass('lnbDep1').addClass('lnbDep2'); //dep1, dep2 구분 클래스 생성
	$('#con_lf div.lnb_nav ul:first > li').each(function(){
		var $liArr = $(this);
		if($liArr.hasClass('on')==false){
			var $actionLi = $(this);
			var $btns = $(this).find('a.lnbDep1');
			$btns.mouseenter(function(){
				var $this = $(this);
				if ($this.parent().parent().parent().parent().parent().attr('id') == 'm1') openlayer()
				else if ($this.parent().parent().parent().parent().parent().attr('id') == 'm0') openlayer()
				else return false;
				function openlayer(){
					var $liVal = $this.parent();
					$lnbBtn.parent().each(function(){
						if($(this).hasClass('on') == true){
							$(this).find('a:first').addClass('sel')
						} else {
							var btnWidth = $(this).find('a:first').width();
							$(this).find('a:first').css('width',0).removeClass('sel').css('width',btnWidth)
							$('#con_lf .lnb_nav li.on li.over >a').addClass('sel');
						}
					})
					$this.parent().parent().find('li').css('z-index','1')
					$this.hide().addClass('sel').show().parent().css('z-index','2');
					$('#con_lf div.lnb_nav ul:first > li').find('div:first').removeClass('view').hide();
					$('#con_lf div.lnb_nav ul:first > li.on').find('div:first').show();
					$liVal.find('div:first').addClass('view').show();
				}
				var $showLayer = $this.parent().find('div:first');
				var $onLayer = $this.parent().parent().parent().find('li.on div');
				var $lnbNavi = $this.parent().parent().parent().parent();
				$showLayer.mouseleave(function(){returnLayer()});
				$onLayer.mouseenter(function(){returnLayer()});
				$lnbNavi.mouseleave(function(){returnLayer()});
				function returnLayer(){
					var btnWidth = $this.width();
					$this.css('width',0).removeClass('sel').css('width',btnWidth).parent().css('z-index',1);
					$('#con_lf div.lnb_nav ul:first > li').find('div:first').removeClass('view').hide();
					$('#con_lf div.lnb_nav ul:first > li.on').find('div:first').show();
				}
			})
		}
		$liArr.find('a.lnbDep2').each(function(){
			if($(this).hasClass('sel') == true){
				$(this).parent('li').addClass('over')
			}
		})
		$('#con_lf a.lnbDep2').bind({
			mouseenter: function() {
				if($(this).parent('li').hasClass('over') == false){
					$(this).parent('li').addClass('over')
				}
			},
			mouseleave: function() {
				if($(this).hasClass('sel') == false){
					$(this).parent('li').removeClass('over')
				}
			}
		})
	})
	// main lnb
	var $mainLnbBtn = $('#m0>.lnb_tle a');
	$mainLnbBtn.click(function(){
		var $this = $(this);
		if($this.hasClass('sel') == false){
			var $viewMenu = $('#m0>.lnb_tle a.sel')
			$viewMenu.removeClass('sel');
			$this.addClass('sel');
			$($viewMenu.attr('href')).hide();
			$($this.attr('href')).show();
		}
		return false;
	})
	
	$("#gdsWrite").click(function(){
		$("body").append("<div id='dimLayer'></div>");
		layShow("#lay_gds");
		return false;
	});
	
	$("#inqWrite").click(function(){
		$("body").append("<div id='dimLayer'></div>");
		layShow("#lay_inq");
		return false;
	});
	
	$(".layClose").click(function(){
		$("#dimLayer").hide();
		$("#dimLayer").remove();
		layHide(".layWrap");
		return false;
	});
	$(".t_site").click(function(){
		$("#allView div.viewWrap").animate({

		},500,'easeInOutQuint');
		$("#allView").slideDown(500,'easeInOutQuint');
		return false;
	});
	$(".av_btn a").click(function(){
		$("#allView div.viewWrap").animate({
		},500,'easeInOutQuint');
		$("#allView").slideUp(500,'easeInOutQuint');
		return false;
	});
	
});