// JavaScript Document


$(function(){
	// 브라우저 화면 확대/축소 컨트롤러 로드 
	browserZoomController.init();
	
	// 회원 정보 레이어 로드 
	MemberInfoLayer.init();
		
    /* Skip Navigation */
    $('.skip-nav li a').focus(function(){
        $(this).parent().addClass('current');
    }).blur(function(){
        $(this).parent().removeClass('current');
    });

    /* 검색바 영역 */
    $('.search-area .search-sel ul li a').click(function(){
        $(this).parent().parent('ul').hide();
        var selectvalue = $(this).text();
        var selectClass = $(this).attr('class').replace('collname-', '');
        var selectCode = $(this).parent('li').attr('id');
        //alert(selectvalue);
        $('.search-area .search-sel p a').text(selectvalue);
        $('input[name="wisenutCollection"]').val(selectClass);
        return false;
    });


	 $('#searchCollname').change(function() { 
        var selectvalue = $('#searchCollname option:selected').text();
        var selectClass = $(this).val();
        //console.log('selectvalue====>' + selectvalue);
        //console.log('selectClass====>' + selectClass);
        $('.search-area .search-sel p a').text(selectvalue);
        $('input[name="wisenutCollection"]').val(selectClass);
    });


    /* GNB 영역 */
    $('.gnb > ul > li > ul, .search-area .search-sel ul, .full-menu-area, .site-list').hide();

    
    $('.search-area .search-sel p a').click(function(){
        $(this).parent().next('ul').show();
        return false;
    });

    $('.search-area .search-sel input[type="text"], .ci-area a').focus(function(){
        $('.search-area .search-sel ul').hide();
    });

    /*
    $('.gnb > ul > li > a').click(function(){
        $('.dep3, .btn_close').show();
        $('.gnb-area').css({'padding-bottom':'10px'});
        $('.full-menu a').removeClass('on');
        $('.full-menu-area').hide();
        return false;
    }).focus(function(){
        $(this).click();
    });
    */

    /* 20141028 GNB Delete
    $('.gnb > ul > li > a').mouseover(function(){
        $('.dep3, .btn_close').show();
        $(this).next('.dep3').addClass('on');
        $(this).addClass('on');
        $(this).parent().siblings().find('a').removeClass('on');
        $('.gnb-area').css({'padding-bottom':'10px'});
        $('.full-menu a').removeClass('on');
        $('.full-menu-area').hide();
        return false;
    }).focus(function(){
        $(this).mouseover();
        $(this).parent().siblings().find('.dep3').removeClass('on');
    }).blur(function(){
        $(this).next('.dep3').removeClass('on');
    });
	*/

	$('.gnb > ul > li > a').mouseover(function(){
        $(this).next('.dep3').addClass('on');
        $(this).addClass('on');
        $(this).parent().siblings().find('a').removeClass('on');
    }).click(function(){
    	$('.dep3, .btn_close').show();
    	$('.gnb-area').css({'padding-bottom':'10px'});
    	$('.full-menu a').removeClass('on');
        $('.full-menu-area').hide();
        return false;
    }).focus(function(){
        $(this).click();
        $(this).next('.dep3').addClass('on');
        $(this).addClass('on');
        $(this).parent().siblings().find('a').removeClass('on');
        $(this).parent().siblings().find('.dep3').removeClass('on');
    }).blur(function(){
        $(this).next('.dep3').removeClass('on');
    });

    $('.dep3').mouseenter(function(){
        $(this).prev('a').addClass('on');
    });

    $('.dep3 li a').focus(function(){
        $(this).parent().parent().addClass('on');
    });

    $('.gnb').mouseleave(function(){
        $('.dep3').hide();
        $('.gnb-area').css({'padding-bottom':'0'});
        $('.btn_close').hide();
    });

    $('.gnb > ul > li').mouseleave(function(){
        $(this).find('.dep3').removeClass('on');
        $(this).find('a').removeClass('on');
    });

    $('.gnb > ul > li > a').click(function(){
        return false;
    });

    /* dep4 메뉴 클릭 */
    $(".gnb-area .gnb > ul > li > ul > li > a").click(function(){
    	var $this = $(this);

    	if($this.next("ul").length > 0){
    		$this.parent().siblings().children("ul").hide();
    		$this.next("ul").toggle();
    	}
    });
    
    /*
    var gnbMenu = $('.gnb > ul > li > a');
    gnbMenu.click(function(){
        //$('.dep3, .btn_close').show();
        $('.dep3, .btn_close').toggle();
        $('.gnb-area').css({'padding-bottom':'10px'});
        $('.full-menu a').removeClass('on');
        $('.full-menu-area').hide();
        return false;
    });

    $gnbMenu.focus(function(){
        $('.dep3, .btn_close').show();
        $('.gnb-area').css({'padding-bottom':'10px'});
        $('.full-menu a').removeClass('on');
        $('.full-menu-area').hide();
    });
    */

    $('.btn_close a, .full-menu a').click(function(){
        $('.dep3, .btn_close').hide();
        $('.gnb-area').css({'padding-bottom':'0'});
    });

    $('.top-btn-area .bot a, .full-menu a').focus(function(){
        $('.dep3, .btn_close').hide();
        $('.gnb-area').css({'padding-bottom':'0'});
    });

    $('.full-menu a').click(function(){
    	// 전체메뉴보기 클릭시 동영상이 위로 튀어올라오는현상때문에 추가
    	if($(this).hasClass('on')) {
    		$('.containner object').show();
    		$(this).text("전체메뉴보기");
    	} else {
    		$('.containner object').hide();
    		$(this).text("전체메뉴닫기");
    	}
        $(this).toggleClass('on');
        $('.full-menu-area').toggle();
    });
    
    $('.btn_close a').click(function(){
    	$('#full-menu-open-btn').focus();
    });

    $('.full-menu-area .btn-menu-close a').click(function(){
    	// 전체메뉴보기 클릭시 동영상이 위로 튀어올라오는현상때문에 추가
    	$('.containner object').show();
        $('.full-menu a').removeClass('on');
        $('.full-menu-area').hide();
        $('#full-menu-open-btn').focus();
    }).focus(function(){
    	if($('.full-menu a').prop('class') == 'on'){
    		$(this).click();    		
    	}
    });

    /* SNB 영역 */
    $('.snb ul li ul').hide();
    $('.snb .current ul').show();
    /*   
     * 	script 기반으로 갈경우 주석 해제 
     */
     
  	$('.snb > ul > li > a').click(function(){
        var uls = $(this).parent().find('ul').size();
        if(uls == 1){
            $(this).parent().addClass('current');
            $(this).next('ul').show();
            $(this).parent().siblings().removeClass('current');
            $(this).parent().siblings().find('ul').hide();
            return false;
        }
    });


    /* Footer 영역 */ 
  	
  	$('.bt-family-site #btn_move_family').click(function(){  		
  		var url = $('#familysite option:selected').val();
  		if(url != ""){
  			window.open(url, '_blank');
  		}
  	});
  	
  	$('.bt-family-site #btn_move_related').click(function(){
  		var url = $('#relatedsite option:selected').val();
  		if(url != ""){
  			window.open(url, '_blank');
  		}
  	});
  	  	
    $('.site-list .list-inner ul + p a').click(function(){
        $('.site-list').hide();
        return false;
    }).focus(function(){
        $(this).click();
    });

	/* 주요서비스 영역 180123삭제 */
/*	var btn_service = $('#btn-service');
	var service_area = $('#main-service-area');
	btn_service.click(function() {
		if(btn_service.attr('class') == 'on') {
			service_area.slideUp('fast');
			btn_service.removeClass('on');
			$(this).find("a").text("주요서비스 전체보기");
		}else {
			service_area.slideDown('swing');
			btn_service.addClass('on');
			$(this).find("a").text("주요서비스 전체닫기");
		}
	});
	$(".con-education .con-box:last-child").find("li:last-child").focusout(function(){
		$("#main-service-area").css("display","none");
		$("#btn-service").removeClass("on");
		$('#btn-service').find("a").text("주요서비스 전체보기");
	});*/
	
	/**
	 * 컨텐츠 초기화를 위해 현재 페이지를 Refresh
	 */
	$('#btn-refresh').click(function() {
		//location.href = location.href;
		location.href = window.location.protocol + "//" + window.location.host + window.location.pathname;
		return false;
	});
	
	$(".event_detail_ajax").parent("td").prepend("<p style=\"width:0; height:0; overflow:hidden; position:absolute; left:-10000px;\">질문</p>");	
	
});

//New tab CKH Add
$(function(){
    $( '.tab-container').each(function(){$(this).find('.tab-content:not(:first)' ).hide();}) 
    $('.tab-area li a').each(function(){
        $(this).on("click focusin", function() {
            $(this).parents('li').addClass('current').siblings('li').removeClass("current");
            var clicked = $(this).attr('href');
            $('.tab-container').find(' .tab-content' + clicked).show().siblings('.tab-content').hide();
            return false;
        });
    });
});

//New tree CKH Add
$(function(){
    var tree_menu = $('.tree-area');
    var icon_open = '/images/btn/btn_tree_open.gif';
    var icon_close = '/images/btn/btn_tree_close.gif';
    
    tree_menu.find('li:has("ul > li")').prepend('<a href="#" class="control"><img src="' + icon_close + '" /></a> ');
    tree_menu.find('li:last-child').addClass('end');
    
    $('.control').click(function(){
        //$(this).siblings().prev('span').find('a').toggleClass('current');
        var temp_el = $(this).parent().find('>ul');
        if (temp_el.css('display') == 'none'){
            temp_el.slideDown(100);
            $(this).find('img').attr('src', icon_close).attr('alt','접기');
            return false;
        } 
        else {
            temp_el.slideUp(100);
            $(this).find('img').attr('src', icon_open).attr('alt','펼치기');
            return false;
        }
    });
    
    function tree_init(status){
        if (status == 'close'){
            tree_menu.find('ul').hide();
            $('a.control').find('img').attr('src',icon_open).attr('alt','펼치기');
        } 
        else if (status == 'open'){
            tree_menu.find('ul').show();
            $('a.control').find('img').attr('src', icon_close).attr('alt','접기');
        }
    }
    tree_init('close');
    
    // 선택된 카테고리 하이라이트 효과 설정
    $('.tree-area li.current, .tree-area li:has("li.current")').is(function(){
    	$(this).find("> span a").addClass("current");
    	$(this).find("> ul").show();
    	$(this).find("> a.control img").attr('src', icon_close).attr('alt','접기');
    });
    
    /*
    $('.tree-area ul ul span a').click(function(){
        $(this).addClass('current');
        $(this).parent().parent().siblings().find('span > a').removeClass('current');
        return false;
    });*/
});

/* tab-style */
$(function() {
	$('.tb-tab-area > ul > li').click(function() {
		$(this).parent().children('li').removeClass('current');
		$(this).addClass('current');
	});


	/* tab- width 자동계산 >> css로 넣을 수 있으니 빼야 하면 말씀 주세요.. */
	var tab_area = $('.tb-tab-area').width() - 1;
	var tab_li = $('.tb-tab-area > ul > li');
	var tab_li_width = (tab_area / $(tab_li).length) - 1;
	
	tab_li.css({'width' : tab_li_width +'px'});
	
});

/* 모바일코털 qr코드 보이고 감추기 */
//$(function() {
//	$('.qr_btn').click(function(){
//	});
//});
//
//$(function() {
//	$('.btn-up-down > span').click(function() {
//		if($(this).attr('class') == 'down') {
//			$('.tb-con').css({'display' : 'none'});
//			$(this).attr('class', 'btn-up');
//		}else {
//			$('.tb-con').css({'display' : 'block'});
//			$(this).attr('class', 'down');
//		}
//	});
//});

$(function() {
	$('.qr_btn').click(function(){		
		var btn = $(this).children().find('img');
		
			if(btn.attr('class') != 'on') {
				$(this).siblings('.qr_img').show();
				var str = !btn.attr('src') ? '' : btn.attr('src');
				btn.attr('src', str.replace(/(_on.gif|.gif)$/i, '_on.gif'));
				btn.addClass('on');
			}else{
				$(this).siblings('.qr_img').hide();
				var str = !btn.attr('src') ? '' : btn.attr('src');
				btn.attr('src', str.replace(/(_on.gif|.gif)$/i, '.gif'));
				btn.removeClass('on');
			}
		
	}).keydown(function(key) {
		if(key.keyCode == "13"){
			var btn = $(this).children().find('img');
			
			if(btn.attr('class') != 'on') {
				$(this).siblings('.qr_img').show();
				var str = !btn.attr('src') ? '' : btn.attr('src');
				btn.attr('src', str.replace(/(_on.gif|.gif)$/i, '_on.gif'));
				btn.addClass('on');
			}else{
				$(this).siblings('.qr_img').hide();
				var str = !btn.attr('src') ? '' : btn.attr('src');
				btn.attr('src', str.replace(/(_on.gif|.gif)$/i, '.gif'));
				btn.removeClass('on');
			}
		}
	});
});

/* 통합검색 btn action */
$(function() {
	var sel_chk = $('.sel-list > li > input[type="radio"]');
	sel_chk.each(function() {
		if($(this).attr('checked')) {
			$(this).parent('li').addClass('selected');
		}
	});

	$('.option-btn > button').click(function() {
		var option_area = $('.search-option-area');
		if($(this).attr('class') == 'on') {
			$(option_area).css({'display' : 'none'});
			$(this).removeClass('on');
		}else {
			$(option_area).css({'display' : 'block'});
			$(this).addClass('on');
		}
	});

	$('.option-list > li > a').click(function() {
		if($(this).parent('li').attr('class') != 'current') { 
			removeLay();
			$(this).parent('li').addClass('current');
		} else {removeLay();}
	});

	$('.pre-txt').siblings('input[type="text"]').keyup(function() {
		if($(this).val()) {
			$(this).siblings('.pre-txt').css({'display' : 'none'});
		}else {
			$(this).siblings('.pre-txt').css({'display' : 'block'});
		}
	});

	
	$('#sch-lay-close').click(function() {removeLay();});

	function removeLay() {
		$('.option-list > li').removeClass('current');
	}
});


/**
 * 브라우저 화면 확대/축소 컨트롤러
 * 필수추가 
 */
var browserZoomController = {
	zoomSize : 1.0,
	/**
	 * initialize FUNCTION
	 */
	init : function() {
		try {
			var $body = $('body'); 
			$body.css('-webkit-transform','scale(1.0)');
			$body.css('-webkit-transform-origin','0 0');
			$body.css('-moz-transform','scale(1.0)');
			$body.css('-moz-transform-origin','0 0');
			$body.css('-o-transform','scale(1.0)');
			$body.css('-o-transform-origin','0 0');
			 
			$('#btn-zoom-in').click(function() {
				if(browserZoomController.zoomSize >= 1.5) {
					alert('확대 가능한 최대 크기입니다.');
					return false;
				}
				browserZoomController.zoomSize = browserZoomController.zoomSize + 0.1;
				browserZoomController.changeZoom(browserZoomController.zoomSize);
			});
			
			$('#btn-zoom-out').click(function() {
				if(browserZoomController.zoomSize <= 0.5) {
					alert('축소 가능한 최소 크기입니다.');
					return false;
				}
				browserZoomController.zoomSize = browserZoomController.zoomSize - 0.1;
				browserZoomController.changeZoom(browserZoomController.zoomSize);
			});

			$('#btn-zoom-default').click(function() {
				browserZoomController.zoomSize = 1.0;
				browserZoomController.changeZoom(browserZoomController.zoomSize);
			});
		} catch(e) {
			alert('[ui_common.js browserZoomController.init] ' + e.description);
		}
	},
	/**
	 * 확대/축소 변경
	 * @param zoomSize 확대/축소 크기
	 */
	changeZoom : function(zoomSize) {
		try {
			// IE Browser
			if(window.navigator.userAgent.indexOf("MSIE") != -1) {
				document.body.style.zoom = zoomSize;
			} else {
				var $body = $('body'); 
				$body.css('-webkit-transform','scale(' + zoomSize + ')');
				$body.css('-webkit-transform-origin','0 0');
				$body.css('-moz-transform','scale(' + zoomSize + ')');
				$body.css('-moz-transform-origin','0 0');
				$body.css('-o-transform','scale(' + zoomSize + ')');
				$body.css('-o-transform-origin','0 0');
				$body.css('-ms-transform','scale(' + zoomSize + ')');
				$body.css('-ms-transform-origin','0 0');
			}
		} catch(e) {
			alert('[ui_common.js browserZoomController.changeZoom] ' + e.description);
		}
	}
}

/**
 * 회원 정보 레이어
 */
var MemberInfoLayer = {
	/**
	 * initialize FUNCTION
	 */
	init : function() {
		try {
			var $memInfoBox = $('.mem-info-box');
			$('.mem-id a').click(function(event) {
				$memInfoBox.toggleClass('on');
				return false;
			});
			$('.layer-out').blur(function() {
				// 개인정보 확인 레이어 표시/해제
				$memInfoBox.toggleClass('on');
			});
			$('.btn-log').click(function() {
				// 개인정보 확인 레이어 표시/해제
				$memInfoBox.toggleClass('on');
				return false;
			});
		} catch(e) {
			alert('[ui_common.js MemberInfoLayer.init] ' + e.description);		
		}
	}
}

/**
 * 브라우저 화면 확대/축소 컨트롤러
 */
var browserZoomController = {
	zoomSize : 1.0,
	/**
	 * initialize FUNCTION
	 */
	init : function() {
		try {
			var $body = $('body'); 
			$body.css('-webkit-transform','scale(1.0)');
			$body.css('-webkit-transform-origin','0 0');
			$body.css('-moz-transform','scale(1.0)');
			$body.css('-moz-transform-origin','0 0');
			$body.css('-o-transform','scale(1.0)');
			$body.css('-o-transform-origin','0 0');
			 
			$('#btn-zoom-in').click(function() {
				if(browserZoomController.zoomSize >= 1.5) {
					alert('확대 가능한 최대 크기입니다.');
					return false;
				}
				browserZoomController.zoomSize = browserZoomController.zoomSize + 0.1;
				browserZoomController.changeZoom(browserZoomController.zoomSize);
			});
			
			$('#btn-zoom-out').click(function() {
				if(browserZoomController.zoomSize <= 0.5) {
					alert('축소 가능한 최소 크기입니다.');
					return false;
				}
				browserZoomController.zoomSize = browserZoomController.zoomSize - 0.1;
				browserZoomController.changeZoom(browserZoomController.zoomSize);
			});
			
			$('#btn-zoom-default').click(function() {
				browserZoomController.zoomSize = 1.0;
				browserZoomController.changeZoom(browserZoomController.zoomSize);
			});
		} catch(e) {
			alert('[ui_common.js browserZoomController.init] ' + e.description);
		}
	},
	/**
	 * 확대/축소 변경
	 * @param zoomSize 확대/축소 크기
	 */
	changeZoom : function(zoomSize) {
		try {
			// IE Browser
			if(window.navigator.userAgent.indexOf("MSIE") != -1) {
				document.body.style.zoom = zoomSize;
			} else {
				var $body = $('body'); 
				$body.css('-webkit-transform','scale(' + zoomSize + ')');
				$body.css('-webkit-transform-origin','0 0');
				$body.css('-moz-transform','scale(' + zoomSize + ')');
				$body.css('-moz-transform-origin','0 0');
				$body.css('-o-transform','scale(' + zoomSize + ')');
				$body.css('-o-transform-origin','0 0');
				$body.css('-ms-transform','scale(' + zoomSize + ')');
				$body.css('-ms-transform-origin','0 0');
			}
		} catch(e) {
			alert('[ui_common.js browserZoomController.changeZoom] ' + e.description);
		}
	}
}

/**
 * 회원 정보 레이어
 */
var MemberInfoLayer = {
	/**
	 * initialize FUNCTION
	 */
	init : function() {
		try {
			var $memInfoBox = $('.mem-info-box');
			$('body').click(function(event) {
				var $target = $(event.target);
				if(!$target.is('.mem-id a') && !$memInfoBox.hasClass('on')) {
					// 개인정보 확인 레이어 표시/해제
					$memInfoBox.removeClass('on');	
				} else {
					// 개인정보 확인 레이어 표시/해제
					$memInfoBox.toggleClass('on');
				}
			});
			$('.layer-out').blur(function() {
				// 개인정보 확인 레이어 표시/해제
				$memInfoBox.toggleClass('on');
			});		
		} catch(e) {
			alert('[ui_common.js browserZoomController.changeZoom] ' + e.description);		
		}
	}
}