// 현재 페이지의 메뉴 아이디
var GLOBAL_CURRENT_MENU_ID = "";

function initLeftMenu(contentId) {
    GLOBAL_CURRENT_MENU_ID = contentId;

    var $obj = $("#" + contentId);
    try {
        if ($obj.parent().hasClass("subMenuBox") ) {
            $obj.parent().show();

            SwapImgOnOff($obj.parent().parent().find('img').get(0), "on");
        }

        // SwapImgOnOff($obj.find('img').get(0), "on");
        SwapImgOnOff($obj.find('img').get(0), "on");
    } catch (e) {
        // alert(e);
    }
}

// 탭메뉴
function initTabMenu(tabContainerID) {
    var tabContainer = document.getElementById(tabContainerID);
    var tabAnchor = tabContainer.getElementsByTagName("a");
    var i = 0;

    for (i = 0; i < tabAnchor.length; i++) {
        if (tabAnchor.item(i).className == "tab") thismenu = tabAnchor.item(i);
        else continue;

        thismenu.container = tabContainer;
        thismenu.targetEl = document.getElementById(tabAnchor.item(i).href.split("#")[1]);
        thismenu.targetEl.style.display = "none";
        thismenu.imgEl = thismenu.getElementsByTagName("img").item(0);
        thismenu.onclick = function tabMenuClick() {
            currentmenu = this.container.current;
            if (currentmenu == this) return false;

            if (currentmenu) {
                currentmenu.targetEl.style.display = "none";
                if (currentmenu.imgEl) {
                    currentmenu.imgEl.src = currentmenu.imgEl.src.replace("_on.gif", "_off.gif");
                } else {
                    currentmenu.className = currentmenu.className.replace(" on", "");
                }
            }
            this.targetEl.style.display = "";
            if (this.imgEl) {
                this.imgEl.src = this.imgEl.src.replace("_off.gif", "_on.gif");
            } else {
                this.className += " on";
            }
            this.container.current = this;

            return false;
        };

        if (!thismenu.container.first) thismenu.container.first = thismenu;
    }
    if (tabContainer.first) tabContainer.first.onclick();
}




$(document).ready(function(){
	$('#tabMenu a').bind('click',function(e) {
		e.preventDefault();
		var thref = $(this).attr("href").replace(/#/, '');
		$('#tabMenu a').removeClass('active');
		$(this).addClass('active');
		$('#tabContent div.listView').removeClass('active');
		$('#'+thref).addClass('active');
	});   
});
 
 
$(document).ready(function(){
	$('#tabMenu2 a').bind('click',function(e) {
		e.preventDefault();
		var thref = $(this).attr("href").replace(/#/, '');
		$('#tabMenu2 a').removeClass('active');
		$(this).addClass('active');
		$('#tabContent2 div.listView').removeClass('active');
		$('#'+thref).addClass('active');
	});   
});


// 사업영역 Phogo Gallery - show//hide
$(document).ready(function(){
	$('.viewButton a').toggle(
		function(){
			$('.stationList').hide('slow'); 
			$(this).attr('title', '전체보기');
			$(this).children('img').attr('src', '/images/ko/contents/bizLine/all_view_btn_on.gif');
		},
		function(){
			$('.stationList').show('slow');
			$(this).children('img').attr('src', '/images/ko/contents/bizLine/all_view_btn_off.gif');
			$(this).attr('title', '닫기');
		}
	);
});


$(document).ready(function () {
    $('.gnb li a').mouseover(function () {
        $('#allMenu').slideDown('slow', function () {
            $(this).show().css('visibility', 'visible');
        });
        return false;
    });
    $('#allMenu').mouseleave(function () {
        $('#allMenu').slideUp();
    });
    $('.ab2 ul li a').mouseover(function () {
        var $child = $(this).find('img');
        var $src = $child.attr('src');
        $src = $src.replace("off", "on");
        $child.attr({ 'src': $src });

        // 메뉴 설명 이미지 변경
        var $parent = $(this).parent().parent();
        var className = $parent.attr('class');
        if (className.indexOf("menubox") > -1) {
            className = className.replace("menubox", "");
            globalChangeTopMenuDesc(className);
        }
    });
    $('.ab2 ul li a').mouseout(function () {
        var $child = $(this).find('img');
        var $src = $child.attr('src');
        $src = $src.replace("on", "off");
        $child.attr({ 'src': $src });
    });
});

/** 메뉴 설명글 이미지 변경 **/
function globalChangeTopMenuDesc(num) {
    var lang = "/images/ko";
    var $obj = $("#oTopMenuTxt");
    var $imgUrl = $obj.attr("src");
    if ($imgUrl.indexOf(lang) == -1) {
        lang = "/images/en";
    }
    var img = lang + "/menu/menu_txt_" + num + ".gif";
    $("#oTopMenuTxt").attr({ "src": img });
}


var $currentActiveTopMenu = null;
$(document).ready(function () {
    $('.leftMenu li a').mouseover(function () {

        if (isLeftTop($(this).parent())) {
            // 현재 선택된 객체가 최상위 메뉴인 경우 모든 메뉴 off
            offLeftAllImg();
        } else {
            // 현재 메뉴가 속한 그룹의 메뉴들 초기화.
            $(this).parent().parent().find("img").each(function () {
                SwapImgOnOff($(this), "off");
            });
        }

        // 현재 페이지가 속한 또는 현재 페이지의 메뉴가 최상위 메뉴라면 항상 활성화 되어야 함.
        // alwaysCurrentMenuOn();

        // 하위 메뉴 활성화 - 사용안함 / 테스트 중
        /*
        var $ul = $(this).parent().parent();
        if ($ul.hasClass('subMenuBox')) {
            var $ulParent = $ul.parent();
            var $parentMenu = $ulParent.find('img').get(0);
            SwapImgOnOff($parentMenu, "on");
        }
        */

        // 현재 메뉴 활성화.
        var $child = $(this).find('img');
        SwapImgOnOff($child, "on");

        // 하위 메뉴 Show
        var $parent = $(this).parent();
        var $subMenu = $parent.find('ul');
        if ($subMenu.hasClass('subMenuBox')) {
            $('.leftMenu .subMenuBox').hide();
            $subMenu.show();
        }
    });
});

function offLeftAllImg() {
    $(".leftMenu li").each(function () {
        $(this).find("img").each(function () {
            SwapImgOnOff($(this), "off");
        });

        $(this).find("ul").each(function () {
            if ($(this).hasClass("subMenuBox")) {
                $(this).hide();
            }
        });
    });
}

function alwaysCurrentMenuOn() {
    $obj = $("#" + GLOBAL_CURRENT_MENU_ID);
    SwapImgOnOff($obj.find("img").get(0) , "on");    
}

function isLeftTop(obj) {
    if ($(obj).parent().hasClass("subMenuBox")) {
        return false;
    }
    return true;
}

/** 이미지 on/off Swap **/
function SwapImgOnOff(obj, replace) {
    $src = $(obj).attr('src');
    if ( replace == "on" ){
        $src = $src.replace("off", "on");
    } else {
        $src = $src.replace("on", "off");        
    }
    $(obj).attr({ 'src': $src });
}

$(document).ready(function(){
	$('.overseasAllMapBox a').mouseover( function () {	
		var $child = $(this).find('img');
		var $src = $child.attr('src');
		$src = $src.replace("off.png", "on.png");
		$child.attr({'src':$src});
	});
	$('.overseasAllMapBox a').mouseout( function () {
		var $child = $(this).find('img');
		var $src = $child.attr('src');
		$src = $src.replace("on.png", "off.png");
		$child.attr({'src':$src});
	});
});


// 팝업 중앙
function popupWinWithNoScroll(sUrl, nWidth, nHeight) {
	nLeft = (window.screen.width - nWidth ) / 2;
	nTop  = (window.screen.height- nHeight) / 3.5;
	sF  = "";
	sF += "toolbar=no,location=no,menubar=no,status=no,directories=no,resizable=no,scrollbars=yes";
	sF += ",left=" + nLeft;
	sF += ",top=" + nTop;
	sF += ",width=" +  nWidth;
	sF += ",height=" + nHeight;
	window.open(sUrl, "", sF);
}
// 스코를 none
function ScrollPopupNo(sUrl, nWidth, nHeight) {
	nLeft = (window.screen.width - nWidth ) / 2;
	nTop  = (window.screen.height- nHeight) / 3.5;
	sF  = "";
	sF += "toolbar=no,location=no,menubar=no,status=no,directories=no,resizable=no,scrollbars=no";
	sF += ",left=" + nLeft;
	sF += ",top=" + nTop;
	sF += ",width=" +  nWidth;
	sF += ",height=" + nHeight;
	window.open(sUrl, "", sF);
}


// scrollTop button
$(document).ready(function() {
	var currentTop = parseInt($(".scrollTop").css("top"));
	$(window).scroll(function() {
		$(".scrollTop").stop().animate({"top": $(window).scrollTop()+currentTop+"px"}, 800);
	});
});



// 인재채용 Slider

function initScrollContent(container, prevBtn, nextBtn) {
	var currentContentPage = 1;
	var contentElCount = 0;
	var content_x = 0;
	var slideContentTo = 0;
	var contentWidth = 250;
	var isImageBtn = true;
	var cont = container.getElementsByTagName("div");

	for (i=0; i<cont.length; i++) {
		if (cont[i].className == "slideContent") {
			contentElCount++;
			cont[i].style.left = contentWidth * (contentElCount - 1) + "px";
		}
	}

	setSlideBtn();

	function setSlideBtn() {
		if (contentElCount == 1) {
			setPrevBtn("off");
			setNextBtn("off");
		} else if (parseInt(currentContentPage) == 1) {
			setPrevBtn("off");
			setNextBtn("on");
		} else if (parseInt(currentContentPage) == contentElCount) {
			setPrevBtn("on");
			setNextBtn("off");
		} else {
			setPrevBtn("on");
			setNextBtn("on");
		}
	}
	function setPrevBtn(condition) {
		if (condition == "on") {
			prevBtn.onclick = viewPrev;
			if (isImageBtn) prevBtn.src = prevBtn.src.replace("_off.gif", ".gif");
			prevBtn.className = prevBtn.className.replace(" off", "");
			prevBtn.className += " on";
		} else {
			prevBtn.onclick = "";
			if (isImageBtn) prevBtn.src = prevBtn.src.replace(".gif", "_off.gif");
			prevBtn.className = prevBtn.className.replace(" on", "");
			prevBtn.className += " off";
		}
	}
	function setNextBtn(condition) {
		if (condition == "on") {
			nextBtn.onclick = viewNext;
			if (isImageBtn) nextBtn.src = nextBtn.src.replace("_off.gif", ".gif");
			nextBtn.className = nextBtn.className.replace(" off", "");
			nextBtn.className += " on";
		} else {
			nextBtn.onclick = "";
			if (isImageBtn) nextBtn.src = nextBtn.src.replace(".gif", "_off.gif");
			nextBtn.className = nextBtn.className.replace(" on", "");
			nextBtn.className += " off";
		}
	}
	function viewPrev() {
		slideContentTo += contentWidth;
		currentContentPage = parseInt(currentContentPage) - 1;
		setSlideBtn();
		startScroll();
	}
	function viewNext() {
		slideContentTo -= contentWidth;
		currentContentPage = parseInt(currentContentPage) + 1;
		setSlideBtn();
		startScroll();
	}
	function startScroll() {
		setTimeout(
			function slideContent() {
				if (Math.abs(content_x - slideContentTo) > 1) {
					content_x += (slideContentTo - content_x) * .15;
					container.style.left = content_x + "px";
					startScroll();
				} else {
					content_x = slideContentTo;
					container.style.left = content_x + "px";
				}
			}

		, 40);
	}
}

// Family Site
$(document).ready(function() {
	$('.familySite').click(function() {
	  $('.familyWebSite').show();
	  $('.related span').click(function() {
		$('.familyWebSite').hide();
	  })
	  $('.familyWebSite').mouseleave(function() {
		$('.familyWebSite').hide();
	  })
	});
	$('.links a').mouseover( function () {	
		var $child = $(this).find('img');
		var $src = $child.attr('src');
		$src = $src.replace("off.gif", "on.gif");
		$child.attr({'src':$src});
	});
	$('.links a').mouseout( function () {
		var $child = $(this).find('img');
		var $src = $child.attr('src');
		$src = $src.replace("on.gif", "off.gif");
		$child.attr({'src':$src});
	});
});