/*	
 * Name: KEPCO
 * Part: JavaScript for ui ＆ plug-in
 * Author : pk.choi
 */
(function($){
//	jQuery.noConfict();
	$(document).ready(function() {
		
		/*	
		 * Part: 약관동의 외부페이지로드
		 */
		$('#requestAgreeBox').loadExternalPage({
			path:'/kepco/front/html/CY/F/A/CYFAPP001.html #wrap'
		});
		

		/*	
		 * Part: 모달레이어팝업
		 */
		var $focusTarget = null;
		
		$(this).on('click', '.modal_trigger', function (event) {	
			//prevent default action (hyperlink)
			event.preventDefault ? event.preventDefault() : event.returnValue = false;
//			event.preventDefault();
			//Get clicked link href			
			var href = $(this).attr("href") + " #wrapPop";
			$focusTarget = $(this);
			setVisibleObjectTag('none');

			if ($('.modal_overlay').length > 0) { // .modal_overlay exists
//				alert('modal_overlay exists already');
				$('.modal_overlay').show();
			}
			else { //.modal_overlay does not exist - create and insert (runs 1st time only)
				//create HTML markup for lightbox window				
				var lightbox =
				'<div class="modal_overlay"></div><div class="modal_content"></div>';
				
				//insert lightbox HTML into page
				$('body').append(lightbox);				
			}

			if ($('.modal_content').children().length > 0) { // .modal_content's children exists
//				alert('modal_content children exists already');
				$('.modal_content').show();
				$('#wrapPop').find('a:eq(0)').focus();
				$('.modal_content').find('input').eq(0).focus().select();				
			}
			else{
				$('.modal_content').show();
				$('.modal_content').load(href,function() {		
	  				var objCont = $(this);
					var popLayoutW = $('.modal_content .popLayout').width();
					var wrapPopW = objCont.find('#wrapPop').outerWidth();
					var objWidth = popLayoutW > wrapPopW ? popLayoutW + parseInt(objCont.find('#wrapPop').css("paddingLeft"))*2 : wrapPopW;
					var objHeight = objCont.find('#wrapPop').outerHeight();
					var maxH = 700;	//popContainer의 내용이 보여지는 영역 기준높이//150924높이 수정 ir미팅신청  안내팝업때문에 수정함 추후 문제 있을시 520으로 원복하기 바람 민승우
					var topH = 56;	//상단 타이틀 영역 높이
					objCont.css({
						  	"position":"fixed",
							"zIndex":10000,
							"width":objWidth, 
							"height":objHeight, 
							"marginLeft":-objWidth/2, 
							"marginTop":-objHeight/2});
					//objHeight 가 기준높이보다 클때 popContainer에 scroll,높이값 설정 후
					//modal_content의 marginTop 재설정
					if(objHeight >= maxH + topH) {
						$('.modal_content .popContainer').css({
							"overflow-x":"hidden",
							"overflow-y":"scroll",
							"height":maxH
						});
						$('.modal_content').css({
							"marginTop":-(maxH + topH)/2	
						});
					}
					$('#wrapPop').find('a:eq(0)').focus();
					objCont.find('input').eq(0).focus().select();					
				});
				
				$(".modal_overlay").css({	
					"zIndex":9999,			
					"width":$("#wrap").width(),
					"height":$(document).height(),
					"min-width":980,
					"opacity":"0.7"
				});
			}
			//배경요소 스크롤 방지 by browser original function
			$("body").addClass("modal_open");
			$("body").css({"overflow":"hidden", "padding-right":"0"});
			
		
		});	
		
		//레이어팝업닫기		
		$(this).on('click', 'dl.popLayout.lpop dd.close_box a', function () {			
			$('.modal_overlay').hide();
			$('.modal_content').empty().hide();	

			//배경요소 스크롤 방지 해제 by browser original function
			$("body").removeClass("modal_open");
			$("body").css({"overflow":"scroll", "padding-right":0, "overflow-x":"hidden"});
			$("#header").css({"left":0});
			$("#header .header_b, #header .header_t").css({"margin-left":0});
			$("aside ul").css({"right":"0"});

			setVisibleObjectTag('block');
			if($focusTarget) $focusTarget.focus();
			return false;
		});
		//레이어팝업닫기		
		$(this).on('click', 'dl.popLayout.lpop dd.close_box2 a', function () {			
			window.location.href="/kepco/BR/M/B/htmlView/BRMBHP001.do";
			$('.modal_overlay').hide();
			$('.modal_content').empty().hide();
			setVisibleObjectTag('block');
			if($focusTarget) $focusTarget.focus();
			return false;
		});
		//레이업팝업 포커스 2015-04-02 수정
		$(this).on('focusin', 'dl.popLayout.lpop dd.close_box a', function () {		
			var $modal = $("#wrapPop");

		  if($modal.find('a.focus-repeater').length < 1){
			$modal.append('<a href="#' + $modal.attr('id') + '" class="semantic focus-repeater hide"></a>');
			}
			$modal.find('a.focus-repeater').on('focusin', function(){
				$modal.attr('tabindex', 0).focus();
			});
		});
		$(this).on('focusin', 'dl.popLayout.lpop dd.close_box2 a', function () {		
			var $modal = $("#wrapPop");

		  if($modal.find('a.focus-repeater').length < 1){
			$modal.append('<a href="#' + $modal.attr('id') + '" class="semantic focus-repeater hide"></a>');
			}
			$modal.find('a.focus-repeater').on('focusin', function(){
				$modal.attr('tabindex', 0).focus();
			});
		});


		
		/* 모달레이어 오픈시 바닥페이지에 동영상플레이어가 있을 경우 show/hide */
		var objWmp = $('object');
		var setVisibleObjectTag = function(state){
			if (objWmp.length == 0) return;
			
			if(state == 'none'){
				if(detectBrowser().browser == 'Microsoft Internet Explorer'){
					wm_player.controls.stop();
				}else{
					//wm_player2.controls.stop();
				}
			}
			objWmp.css('display', state);
			
			//console.log(detectBrowser().browser, detectBrowser().b_version);
		};
		
		
		//브라우저 리사이즈시 모달레이어 너비,높이조정
		$(window).resize(function(){ 
			if ($('.modal_overlay').length > 0) {
				if($('.modal_overlay').is(':visible')){
					$('.modal_overlay')
					.css("width", $(window).width())
					.css("height", $(document).height());
				}				
			}
			if ($('.overlay_autologout').length > 0) {
				if($('.overlay_autologout').is(':visible')){
					$('.overlay_autologout')
					.css("width", $(window).width())
					.css("height", $(document).height());
				}				
			}
		});
		

		/*	
		 * Part: 윈도우팝업닫기
		 */
		$('dl.popLayout dd.close_box a, dl.popLayout a.close_wpop').bind('click', function () {			
			popClose();
			return false;
		});		
		
		
		/*	
		 * Part: iframe wmode (이용안내 활성화시 iframe에 감싸진 youtube 플레이어 wmode 부여)
		 */		
		if($('.vedio_cont iframe').length > 0){
			$(".vedio_cont iframe").each(function(){
			    var ifr_source = $(this).attr('src');
			    var wmode = "wmode=window";
			    if(ifr_source.indexOf('?') != -1) {
			        var getQString = ifr_source.split('?');
			        var oldString = getQString[1];
			        var newString = getQString[0];
			        $(this).attr('src',newString+'?'+wmode+'&'+oldString);
			    }
			    else $(this).attr('src',ifr_source+'?'+wmode);
			});
		}
		
		

		/*	
		 * Part: FAQ 리스트 토글
		 */
		$('.faq_list li>a').bind('click', function () {			
			if($(this).parent().hasClass('on')){
				$(this).parent().removeClass('on');
				$('.arrow_off').each(function(){
					var $pp = $(this).parent().parent().hasClass('on');
					if($pp){
						$(this).html("펼침").attr("alt", "펼침");
					} else{
						$(this).html("접힘").attr("alt", "접힘");
					}
				});
			}else{
				$('.faq_list li').removeClass('on');
				$(this).parent().addClass('on');
				$('.arrow_off').each(function(){
					var $pp = $(this).parent().parent().hasClass('on');
					if($pp){
						$(this).html("펼침").attr("alt", "펼침");
					} else{
						$(this).html("접힘").attr("alt", "접힘");
					}
				});
			}
		});
		

		
		
		/*	
		 * Part: LNB 전국사업소 리스트 레이어
		 */
		$('.office_more > a').bind('click', function () {			
			$('.office_list').show();
			return false;
		});	
		
		$('.office_list > a').bind('click', function () {			
			$('.office_list').hide();
			return false;
		});		
		
		
		/*	
		 * Part: 사이버지점 캐릭터 뉴스레터 lnb focus
		 */
		$('.lnb_account ul.list_lnb_account > li').on('focusin',function(){
			if(!$(this).hasClass('on'))
				$(this).addClass('hover');
		}).on('focusout',function(){
			if(!$(this).hasClass('on'))
				$(this).removeClass('hover');
		});
		
		
		/*	
		 * Part: 사이버지점(법인기준) - 조회/납부 청구서보는법 툴팁 
		 */
		var $bl_btns = $('.blue_btn a');
		$bl_btns.addClass('blBtn_on');
		$('.blue_btn').on({
			'click':function(){
				var $bl_text_box = $(this).parent().find('.bl_text_box');
				//다른 아이콘버튼 클릭시
				if($bl_text_box.hasClass('hide')){
					$bl_btns.not($(this)).removeClass('blBtn_on');
					$(this).addClass('blBtn_on');
					
					$('.blue_btn .bl_text_box').addClass('hide');
					$bl_text_box.removeClass('hide');
				}
				//클릭한 아이콘버튼을 다시 클릭시
				else{
					$bl_btns.not($(this)).addClass('blBtn_on');
					$bl_text_box.addClass('hide');					
				}
				$(this).focus();
				return false;
			}
			/*,'focusin':function(){
				$bl_btns.not($(this)).removeClass('blBtn_on');
				$(this).parent().find('.bl_text_box').removeClass('hide');
			}
			,'focusout':function(){
				$bl_btns.not($(this)).addClass('blBtn_on');
				$(this).parent().find('.bl_text_box').addClass('hide');
			}*/
		}, 'a');
		
		 
		 /*PR today_list, monthly_list*/
		 $('.kepco_layer').on('click', function (event) {	
			event.preventDefault ? event.preventDefault() : event.returnValue = false;
	
			 href = $(this).attr("href") + " #wrapLayer";
			
			layerDiv = '<div class="layerDiv"></div>';
			$('.pr .conSection').append(layerDiv);
			var tabLayerIndex = $(this).closest("li").index();
			$('.layerDiv').load(href, function(){
				$('.btn_close').click(function(){
					$('.layerDiv').remove();
					if($(".monthly_list li").length > 0){
						$(".monthly_list li").eq(tabLayerIndex).find(".kepco_layer").focus();
					}
					return false;
				});
				$('.layerDiv').find(".ico_ebook").attr("title","새창열림").focus();
				$('.layerDiv').find(".cont_body").attr("tabindex","0");
			});
	
		});
		
		/*스마트 그리드*/
		var objImgLi = $('.img_paging li');
		var objImgBtn = $('.img_paging li a');
		
		$('.img_paging li.on').append('<span class="bg_arrow"></span>');
		
		objImgBtn.bind('click', function(){
			if	(!$(this).parent().is('.btn_prev, .btn_next')){
				objImgLi.removeClass('on');
				$('.bg_arrow').remove();
				$(this).parent().not('.btn_prev, .btn_next').addClass('on');
				$(this).parent().not('.btn_prev, .btn_next').append('<span class="bg_arrow"></span>');
				return false;
			}			
		});
		
		/* tab 메뉴 활성화 표시  2015.03.31 민승우 */
		tabTitle = function(){
			var tabLayer = $(".wrap_tab");
			var tabOnTitle = tabLayer.find("li.on > a").text();
			var tabOnTitle2 = tabLayer.find("li.sub_on > a").text();			
			tabLayer.find("li").each(function(){
				var tabOffTitle = $(this).find("a").text();
				$(this).find("a").attr("title",tabOffTitle);
			});
			tabLayer.find("li.on").children("a").attr("title",""+ tabOnTitle +"(현재페이지)");
			tabLayer.find("li.sub_on").children("a").attr("title",""+ tabOnTitle2 +"(현재페이지)");
			
			/* tablayer 메뉴 활성화 표시 2015.06.02 민승우 */
			var tabLayer2 = $(".tablayer");
			var tab2OnTitle = tabLayer2.find("li.on > a").text();
			tabLayer2.find("li").each(function(){
				var tab2OffTitle = $(this).find("a").text();
				$(this).find("a").attr("title",tab2OffTitle);
			});
			tabLayer2.find("li.on").children("a").attr("title",""+ tab2OnTitle +"(현재페이지)");
			
			
			/* table tab 메뉴 활성화 표시 2015.04.02 민승우 */
			var tableTab = $(".tab_table");
			var tableTabOnTitle = tableTab.find("td.on > a").text();
			tableTab.find("td").each(function(){
				var tableTabOffTitle = $(this).find("a").text();
				$(this).find("a").attr("title",tableTabOffTitle);
			});
			tableTab.find("td.on > a").attr("title",""+ tableTabOnTitle +"(선택됨)");
			tableTab.find("table").removeAttr("summary");//레이아이웃용 테이블이기때문에 삭제함  2015.04.20 민승우 추가수정
			tableTab.find("caption").remove();//레이아이웃용 테이블이기때문에 삭제함 2015.04.20 민승우 추가수정
			
			if($(".wrap_tab").length){		
				if(tabLayer.hasClass("tab_layer_system") == false){//해당 한줄은 전력계통도 페이지 때문에 추가
					var tabTitleOn = $(".wrap_tab").find(".on > a").text();
					var pageTitle = $("#subtitle").text();
					var subTabTitle = $(".sub_layer").find(".sub_on > a").text();
					var titleText = document.title;
					if($(".sub_layer").length){
						titleText = "- "+ pageTitle + "(" + tabTitleOn + " - " + subTabTitle + ") | KEPCO -";
						//document.title = titleText;
					}else{
						titleText = "- "+ pageTitle + "(" + tabTitleOn + ") | KEPCO -";
						//document.title = titleText;
					}
				}
			}else if($(".tab_table").length){
				var tab_tableTitle = $(".tab_table").find(".on").text();
				var pageTitle2 = $("#subtitle").text();
				titleText = "- "+ pageTitle2 + "(" + tab_tableTitle + ") | KEPCO -";
				//document.title = titleText;
			}
		};
		
		/* 윤리경영목표 tab 메뉴 활성화 표시 2015.04.22 김송희 */
		$("ul.tabmenu_sub li.on").find("a").attr("title","현재페이지");  
		
		/* 게시글 댓글 title 속성 추가 2015.04.28 김송희 */
		$("#replyContent").attr("title","댓글을 입력해주세요");
		
		/* 전국사업소 각 메인페이지 비쥬얼 이미지 alt값 수정 2015.04.02 민승우 */
		if($("#depth3Title").text() == "서울본부"){
			$(".mg_bbraapp001 .section_copy  img").attr("alt","Renew together, Create 1st SEOUL!");
		}else if($("#depth3Title").text() == "남서울본부"){
			$(".mg_bbraapp001 .section_copy  img").attr("alt","쾌사형통! First 남서울! 고객과 함께 성장하는 명품 남서울본부");
		}else if($("#depth3Title").text() == "인천본부"){
			$(".mg_bbraapp001 .section_copy  img").attr("alt","Communicate Change Create Together Happy 인천");
		}else if($("#depth3Title").text() == "경기북부본부"){
			$(".mg_bbraapp001 .section_copy  img").attr("alt","New Start, Again 경기북부!");
		}else if($("#depth3Title").text() == "경기본부"){
			$(".mg_bbraapp001 .section_copy  img").attr("alt","새로운 도전, 으뜸 경기! 화이팅!");
		}else if($("#depth3Title").text() == "강원본부"){
			$(".mg_bbraapp001 .section_copy  img").attr("alt","행복 애너지! 변화 두드림! No.1 강원!");
		}else if($("#depth3Title").text() == "충북본부"){
			$(".mg_bbraapp001 .section_copy  img").attr("alt","Challenge & Happy Together  충북본부");
		}else if($("#depth3Title").text() == "대전세종충남본부"){
			$(".mg_bbraapp001 .section_copy  img").attr("alt","All for TOP, 대전세종충남");
		}else if($("#depth3Title").text() == "전북본부"){
			$(".mg_bbraapp001 .section_copy  img").attr("alt","새로운 도전! 활기찬 전북!");
		}else if($("#depth3Title").text() == "광주전남본부"){
			$(".mg_bbraapp001 .section_copy  img").attr("alt","빛가람 나주시대를 리드하는 광주전남!");
		}else if($("#depth3Title").text() == "대구경북본부"){
			$(".mg_bbraapp001 .section_copy  img").attr("alt","Best! 대구경북 기본으로 혁신을 소통으로 화합을");
		}else if($("#depth3Title").text() == "부산울산본부"){
			$(".mg_bbraapp001 .section_copy  img").attr("alt","Kepco Him찬 BUSAN ULSAN");
		}else if($("#depth3Title").text() == "경남본부"){
			$(".mg_bbraapp001 .section_copy  img").attr("alt","AGAIN KEPCO Dynamic 경남");
		}else if($("#depth3Title").text() == "제주본부"){
			$(".mg_bbraapp001 .section_copy  img").attr("alt","요망진 제주, 빙새기 제주 Smart Teju Happy Jeju");
		}
		
		/*전기요금계산기*/	
		layerFn();
		/*전기박물관*/
		electMuseum();
		/*footer family_site*/
		footerFamily();
		/*전국사업소 지도검색(호출시점 변경 - 해당 지도이미지 url을 참조할수 있는 시점 이후 호출)*/
		//mapImg();
		/*지식센터 메인*/
		knowledgeMain();
		/*지식센터 용어사전*/
		findTerm();
		/*전기에너지관 프로그램안내*/
		energyProgram();
		/*전기박물관 소장품검색*/
		elecMuseumCollection();
		/*통합검색 탭*/
		srchTab();
		/*765kv 송변전*/
		tr765kv();
		/*지식센터 스마트그리드 탭*/
		knowledgeSmartTab();
		/*탭 title*/
		tabTitle();
	});//end : document ready	

var footerFamily = function(){

	var objFamilySite = $('.family_site');
	var objFamilySiteA = $('.family_site a');
	var objFooterInfoUl = $('.footer_info ul');
	var objFamily = $('.util_menu>li.family');
	var objFamilyA = $('.util_menu>li.family>a');
	var objFamilySiteLastA = $('.family_site dd:last-child li:last-child a');

	objFamilySite.hide();
	
	objFamily.bind('mouseenter', function(){
		$(this).find('.family_site').show();
	});
	objFamily.bind('mouseleave', function(){
		$(this).find('.family_site').hide();
	});
	objFamilyA.bind('focus', function(){
		$(this).next().show();	
	});
	objFamilySiteLastA.focusout(function(){
		objFamilySite.hide();
	});
};

	/* 전기요금계산기 */
	var layerFn = function(){
		var btnGo = $('#container_calcul .btn_set.btnRe.goto');
		var btnUse = $('.btn_contract a');
		var btnGraph = $('.btn_set.btnBge');
		var layer = $('.layer_calculator');
		var layer2 = $('.layer_calculator2');
		var layerClose = $('.layer_calculator .btn_close_calcul');
		var layerClose2 = $('.layer_calculator2 .btn_close_calcul');
		var btnUseList = $('.list_contract');
	
		$('.list_contract').hide();
		
		btnGo.click(function(){
			layer.show();
		});
		
		layerClose.click(function(){
			layer.hide();
		});
		
		layerClose2.click(function(){
			layer2.hide();
			layer.show();
			btnGraph.focus();
		});
	
		btnUse.bind('mouseenter focus', function(){
			btnUseList.show();
			$('.tit_calculator div.btn_contract a').css({'background': 'url(/kepco/front/img/cyber/btn_layertop_on.jpg) no-repeat left 0'});
		});
		btnUse.bind('mouseleave blur', function(){
			hideDelay = setTimeout(function(){btnUseList.hide();}, 0);
			$('.tit_calculator div.btn_contract a').css({'background': 'url(/kepco/front/img/cyber/btn_layertop_off.jpg) no-repeat right 1px'});
		});
		
		btnUseList.bind('mouseenter focus', function(){
			btnUse.trigger('mouseenter');	
			clearTimeout(hideDelay);
		});
		
		btnUseList.bind('mouseleave blur', function(){
			btnUse.trigger('mouseleave');	
		});
		
		btnGraph.click(function(){
			layer2.show();
			$('.box_payTip .btn_set.btnSv').focus();
		});
	};
/*지식센터 용어사전*/
var findTerm = function(){
	var objBtnDic = $('.btn_dic li');
	
	objBtnDic.click(function(){
		objBtnDic.removeClass('on');
		$(this).addClass('on');
	});
};

var electMuseum = function(){
	var	objArcodianList = $('.arcodian_list');
	var	objArcodianDtA = $('.arcodian_list dt a');
	var	objArcodianDd = $('.arcodian_list dd');

	objArcodianDtA.click(function(){
		var thisParent = $(this).parent();
		var intThisParentHeight = thisParent.outerHeight();
		var intArcodianDdHeight = thisParent.next().find('>div').outerHeight();
		
		if($(this).parent().hasClass('on')){
			$(this).parent().removeClass('on');
			objArcodianDd.animate({height : 0});
		}else {
			objArcodianDtA.parent().removeClass('on');
			objArcodianDd.animate({height : 0});
			thisParent.addClass('on').next()
				.animate({'height': intArcodianDdHeight},
					function(){
						$('html, body').animate({scrollTop: thisParent.position().top - (intThisParentHeight * 2)});
					}
				);
		}
				
		return false;
	});
	
	var objTabTitA = $('.elect_museum_h .tab_tit a');
	var objTabCont = $('.elect_museum_h .tab_cont');
	var intTabTitAHeight = objTabTitA.height();
	
	objTabCont.not(':eq(0)').hide();
	
	objTabTitA.each(function(index){
		$(this).css({top:intTabTitAHeight * index });
		
		$(this).click(function(){
			objTabCont.hide();
			objTabCont.eq(index).show();
		});
	});
	
	/*전기역사관 동영상 리스트*/
	var objThumb = $('.electricMuseum03 .vedio_prev_list>li');
	
	objThumb.click(function(){
		objThumb.removeClass('on');
		$(this).addClass('on');
	});
};

/*765kv 송변전 전시관*/
var tr765kv = function(){
	var objThumb = $('.tr765Kv03 .vedio_prev_list>li');
	objThumb.click(function(){
		objThumb.removeClass('on');
		$(this).addClass('on');
	});
};

/*전기박물관 소장품검색*/
var elecMuseumCollection = function(){
	var objListDataLi = $('.prGallery .list_data .data_cont li');
	var intListDataLi = objListDataLi.outerWidth() + 14;
	
	/*전체 페이지수*/
	$('.paging').each(function(){
		var intLi = $(this).prev().find('>ul>li').length;		
		$(this).find('.npage').html(Math.ceil(intLi/3));
	});
	
	$('.paging .btn_prev, .paging .btn_next').click(function(){		
		var intThisLi = $(this).parent().prev().find('>ul>li').length;
		var objCurrent = $(this).siblings('.current');
		var objNpage = $(this).siblings('.npage');
		var intNCurrent = objCurrent.html();
		var intNpage = objNpage.html();
		var className = $(this).attr('class');
		
		if(className == 'btn_prev'){
			if(intNCurrent > 1){
				intNCurrent--;				
			}			
		}else{
			if(intNCurrent < intNpage){
				intNCurrent++;
			}
		}
		
		objCurrent.html(intNCurrent);
		$(this).parent().prev().find('>ul').css({'left': -(intListDataLi * (3 * (intNCurrent-1)))});
		return false;	
	});
};


/*전기에너지관 프로그램안내*/
var energyProgram = function(){
	
	var objBtnPrev = $('.layer_paging .btn_prev');
	var objBtnNext = $('.layer_paging .btn_next');
	var objLayer = $('.pribhp002 .layer');
	var objBtnList = $('.layer_btn ul');
	var objBtnListLi = $('.layer_btn ul>li');
	var intBtnListLiW = objBtnListLi.outerWidth() + 12;
	var intCurrentClick = 0;
	
	objBtnNext.click(function(){
		intCurrentClick++;

		if (intCurrentClick > 3){
			intCurrentClick = 3;
			alert('마지막 입니다');
			return false;
		}
		objBtnList.stop().animate({'margin-left': -(intBtnListLiW*intCurrentClick)});
		return false;
	});
	
	objBtnPrev.click(function(){
		intCurrentClick--;
		if (intCurrentClick < 0){
			intCurrentClick = 0;			
			alert('처음 입니다');
			return false;
		}
		objBtnList.stop().animate({'margin-left': -(intBtnListLiW*intCurrentClick)});

		return false;
	});
	
	objBtnListLi.click(function(index){
		var intLiOnIndex = $(this).index();
		
		objBtnListLi.removeClass('on');
		$(this).addClass('on');
		
		objLayer.hide();
		objLayer.eq(intLiOnIndex).show();
		
		return false;
	});
};

//지식센터 스마트그리 탭
var knowledgeSmartTab = function(){
	var objSmartTit = $('.box_samrt_info h2 a');
	var objSmartLayer = $('.box_samrt_info > div');
	
	objSmartLayer.eq(0).find('.txt_smartinfo').show();
	objSmartTit.click(function(){
		objSmartTit.parent().removeClass('on');
		$(this).parent().addClass('on');
		objSmartLayer.find('.txt_smartinfo').hide();
		$(this).parent().next().show();
		return false;
	});
};


/*통합검색 탭*/
var srchTab = function(){
	var objTabSearch = $('.tab_search');
	var objTabSearchLi = $('.tab_search li');
	var objTabSearchA = $('.tab_search li a');
	var objSrchResult = $('.srch_result');
	
	objSrchResult.not(':eq(0)').hide();
	
	objTabSearchA.click(function(){
		var intLiIndex = $(this).parent().index();
		
		/*해당 탭 스타일 변경*/
		objTabSearchLi.removeClass('on');
		$(this).parent().addClass('on');
		
		/*클릭 시 해당 탭 이미지 변경*/
		var strClass = $(this).parent().attr('class');
		objTabSearch.find('ul').removeClass();
		objTabSearch.find('ul').addClass(strClass);
		
		/*해당 탭 내용 보여주기*/
		objSrchResult.hide();
		objSrchResult.eq(intLiIndex).show();
	});
};

	/*	
	 * Part: loadExternalPage plug-in
	 */	
	$.fn.loadExternalPage = function(options){
		var 
			defaults = {
				path:''
			},
			settings = $.extend({}, defaults, options);
			
			this.each(function(){
								
//				var $this = $(this);
				
				//Default Action
				$(this).load(settings.path);			

			});
			
			return this;
	};
})(jQuery);


/*	
 * Part: 자동 로그아웃 안내 팝업
 */
function setPopAutoLogout(url){
	var lightbox = '<div class="overlay_autologout"></div><div class="content_autologout"></div>';
		
	//insert lightbox HTML into page
	$('body').append(lightbox);		
	
	$('.overlay_autologout').css({	
		"position":"absolute",
		"top":0,
		"left":0,					
		"zIndex":19999,			
		"width":$(window).width(),
		"height":$(document).height(),
		"min-width":980,
		"background-color":"#000",
		"opacity":"0.7"});	
	
	
	$('.content_autologout').load(url + ' #wrapPop',function(e) {				
		var $modal = $("#wrapPop");
		$("#login_extend").focus();
		  if($modal.find('a.focus-repeater').length < 1){
			$modal.append('<a href="#' + $modal.attr('id') + '" class="semantic focus-repeater hide"></a>');
			}
			$modal.find('a.focus-repeater').on('focusin', function(){
				$modal.attr('tabindex', 0).focus();
			});

		var objCont = $(this);
		var objHeight = objCont.outerHeight();

		objCont.css({
		  	"position":"fixed",
		  	"top":"50%",
		  	"left":"50%",
			"zIndex":20000,
			"marginLeft":-250, 
			"marginTop":-objHeight/2}).find('.logout_box a:eq(0)').focus();		
		});
	autoLogout = window.setInterval('fncCountSec()', 1000 );
}		



/*전국사업소 지도검색*/
var mapImg = function(){
	var objMap = $('map area');
	var objMapImg = $('.img_cymbpp005>img')	;
	var prevsrc = objMapImg.attr('src');
	
	objMap.on({
		'mouseenter focusin':function(){
			var index = $(this).index();
			objMapImg.attr('src', '/kepco/front/img/customer/img_cuibpp003_'+(index+1)+'.gif');
		}
		,'mouseleave focusout':function(){
			objMapImg.attr('src', prevsrc);
		}
	});
};

/*지식센터 메인*/
var knowledgeMain = function(){
	var objcolumnOn = $('.knowledge_submain .column .on');
	
	objcolumnOn.hide();
	
	//각 원형패널에 mouseenter,mouseleave되었을때
	$('.knowledge_submain .wrap_column').on({
		'mouseenter':function (event) {
			var h;
			if($(this).hasClass('coltype1'))				
				h = 355;
			else
				h = 167;	
			$(this).find('.on').show().css('height',0).stop(true,false).animate({'height':h}, 400, 'easeInOutSine');
		}
		,'mouseleave':function (event) {
			$(this).find('.on').hide();			
		}
	}, '.column');	
	
	//각 원형패널에 focusin되었을때
	$('.knowledge_submain .wrap_column .column').on({
		'focusin':function (event) {
			if($(this).parent().parent().hasClass('coltype1'))				
				h = 355;
			else
				h = 167;	
			$(this).parent().next().show().css('height',0).stop(true,false).animate({'height':h}, 400, 'easeInOutSine');
		}
	}, '.default a, .default2 a');
	
	//각 원형패널의 sns링크중 마지막링크에서 focusout되었을때
	$('.knowledge_submain .wrap_column .column .on .sns').on({
		'focusout':function (event) {
			$(this).parent().parent().hide();
			$(this).parent().parent().prev().show();
		}
	}, 'a:last');	
	
	//create masonry plugin
	if($('.knowledge_submain .wrap_column').length > 0){
		$('.wrap_column').masonry({
			itemSelector: '.column'
			,isAnimated: true
			,isFitWidth: true
			,columnWidth: 190
		});
	}	
};



//-----------------------------------------------
/*****       WINDOW POPUP ALIGN CENTER      *****/
//-----------------------------------------------
function open_window(name, url, w, h, toolbar, menubar, statusbar, scrollbar, resizable, loc_box)
{
  toolbar_str = toolbar ? 'yes' : 'no';
  menubar_str = menubar ? 'yes' : 'no';
  statusbar_str = statusbar ? 'yes' : 'no';
  scrollbar_str = scrollbar ? 'yes' : 'no';
  resizable_str = resizable ? 'yes' : 'no';

  var left = 0;
  var top = 0;
  
  left = (screen.availWidth - w) / 2;
  top = (screen.availHeight - h) / 2;

  win = window.open(url, name, 'left='+left+',top='+top+',width='+w+',height='+h+',toolbar='+toolbar_str+',menubar='+menubar_str+',status='+statusbar_str+',scrollbars='+scrollbar_str+',resizable='+resizable_str);
  //win.focus();
}

/*  POPUP CLOSE */
function popClose(){
	if(navigator.appVersion.indexOf("MSIE 6") != -1){
		window.opener = window.location.href;  self.close();
	}else {
		parent.window.open('about:blank','_self').close();
	}
}

//------------------------------------
/*****        레이어 변환      *****/
//------------------------------------
function ch_layer(hidden , show){  
	var hl  = document.getElementById(hidden);
	var sl  = document.getElementById(show);
	
	hl.style.display = "none";
	sl.style.display = "";			
}

//------------------------------------
/*****      browser detect      *****/
//------------------------------------
function detectBrowser(){
	var browser     = navigator.appName;
    var agent       = navigator.userAgent;
    var b_version   = navigator.appVersion;
    var reg;
    var obj;

    if(agent.indexOf("Chrome") != -1) {
        browser = "Chrome";
        reg = /Chrome[\/\s](\d+\.\d+)/.test(navigator.userAgent);
        b_version = new Number(RegExp.$1);

    } else if(agent.indexOf("MSIE") != -1) {
        browser = "Microsoft Internet Explorer";
        reg = /MSIE (\d+\.\d+);/.test(navigator.userAgent);
        b_version = new Number(RegExp.$1);
    
    } else if(agent.indexOf("Firefox") != -1) {
        browser = "Firefox";
        reg = /Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent);
        b_version = new Number(RegExp.$1);

    } else if(agent.indexOf("Opera") != -1) {
        browser = "Opera";
        reg = /Opera[\/\s](\d+\.\d+)/.test(navigator.userAgent);
        b_version = new Number(RegExp.$1);

    } else if(agent.indexOf("Safari") != -1) {
        browser = "Safari";
        reg = /Safari[\/\s](\d+\.\d+)/.test(navigator.userAgent);
        b_version = new Number(RegExp.$1);
    }else{
        browser = "Microsoft Internet Explorer";
        b_version = 11;
    }
    
    obj = {'browser':browser
			,'agent':agent
			,'b_version':b_version};
    
    return obj;
}

//------------------------------------
/*****      load      *****/
//------------------------------------
$(window).load(function(){
	/* table_info 테이블 summary 내용 달기_2021-07-28
	if($(".table_info").length > 0){
		$(".table_info").each(function(){
			if(!$(this).hasClass("table_filed")){
				var infoTit = "";
					infoTit = $(this).closest(".conSection").find(".h3tit").text();
				var infoTxt = "";
				var infoIndex = 0;
				$(this).find("th").each(function(){
					if(infoIndex == 0){
						infoTxt += $(this).text();
					}else{
						infoTxt += ", "+$(this).text();
					}
					infoIndex++;
				});
				$(this).on().attr("summary",infoTit +" 테이블입니다. "+ infoTxt +"에 관한 내용을 알 수 있습니다.");
			}
		});		
	}
	*/
	
	 /* tab메뉴 title에 반영하기 */

	if ($("#subtitle img").length >0)
	{
		var pageTitle =$("#subtitle img").attr("alt");
	} else {
		var pageTitle=$("#subtitle").text();
	}
	if($(".wrap_tab").length){
		if($(".tabLayer.tab_layer_system").length > 0){//해당 한줄은 전력계통도 페이지 때문에 추가
			var tabTitleOn = $(".wrap_tab").find(".on > a").text();
			var subTabTitle = $(".sub_layer").find(".sub_on > a").text();
			var titleText = document.title;
			if($(".sub_layer").length){
				titleText = "- "+ pageTitle + "(" + tabTitleOn + " - " + subTabTitle + ") | KEPCO -";
				//document.title = titleText;
			}else{
				titleText = "- "+ pageTitle + "(" + tabTitleOn + ") | KEPCO -";
				//document.title = titleText;
			}
		}
	}else if($(".tab_table").length){
		var tab_tableTitle = $(".tab_table").find(".on").text();
		titleText = "- "+ pageTitle + "(" + tab_tableTitle + ") | KEPCO -";
		//document.title = titleText;
	} else if($("#contentWrap").length){
		var tab_tableTitle = $(".tab_table").find(".on").text();
		titleText = "- "+ pageTitle + " | KEPCO -";
		//document.title = titleText;
	}
});


var returnDate = "";
function focusDatePicker(){
	$(".ico_calendar").on("click",function(){
		returnDate = $(this);
		$("#ui-datepicker-div").focus();
	});
}