// GNB
var GNB_OVER1, GNB_OVER2;

var gnb = {
    totalNum: 0,
    mainMenuPosition: [32, 147, 273, 376, 491, 606], 	// ¸ÞÀθ޴º left À§Ä¡°ª
    subMenuPosition: [0, 0, 0, 0, 0, -110], 			// 2µª½º left À§Ä¡°ª

    outInterval: 0,

    init: function() {
        gnb.totalNum = $(".gnbMenuGroup").length;
        gnb.makeMenu();
        gnb.outFunc();
    },

    makeMenu: function() {
        $(".gnbMenuGroup").each(function(i) {
            $(this).css({left: gnb.mainMenuPosition[i]});
            $(this).find(".gnbMn").css({left: gnb.subMenuPosition[i]});
        });

        $(".gnbMenuGroup").each(function(i) {
            var topY = -6;

            if($.browser.version == "6.0" || $.browser.version == "7.0") {
                //	$(this).find ( ".gnbMn").css ( { top:22 } );
                //	$(this).find ( ".gnbMn").find ( "li").css ( { position:"relative" , top:4 } );
            }

            if(!$.browser.msie) {
                $(this).find(".gnbMn").css({top: 47});    // IE¸¦ Á¦¿ÜÇÑ ºê¶ó¿ìÀúÀÏ ¶§ 2µª½º top À§Ä¡°ª
            }
        });

        $(".gnbMenuGroup").mouseout(gnb.out).mouseover(gnb.over);
        $(".gnbMenuGroup .gnbMn").css({opacity: 0, display: "none"});
        $(".gnbMenuGroup .gnbMn li").mouseover(over).mouseout(out);

        var ieCheck = $.browser.msie;
        if(ieCheck != true) {
            $(".gnbMenuGroup .gnbMn .depth img").css({position: "relative", top: -5});
        }

        $(".gnbMenuGroup").each(function() {
            $(this).find(".gnbClass img").eq(1).css({ position: "absolute", top: 15, left: 0 });
        });

        function over(e) {
            var index1 = $(this).parent().parent().index() + 1;
            var index2 = $(this).index() + 1;

            $(this).parent().find("li").each(function(i) {
                if(i == index2 - 1) {
                    $(this).find("img").attr("src", "/images/gnb0" + index1 + "_" + (i + 1) + "_on.gif");
                } else {
                    $(this).find("img").attr("src", "/images/gnb0" + index1 + "_" + (i + 1) + "_off.gif");
                }
            });
        }

        function out(e) {
            var index1 = $(this).parent().parent().index() + 1;
            var index2 = $(this).index() + 1;

            $(this).find("img").attr("src", "/images/gnb0" + index1 + "_" + index2 + "_off.gif");
        }
    },

    over: function(e) {
        e.stopPropagation();
        clearTimeout(gnb.outInterval);
        var index = $(this).index();
		
        gnb.overMenuSet(index, false);
    },

    out: function(e) {
        e.stopPropagation();
        clearTimeout(gnb.outInterval);
        gnb.outInterval = setTimeout(gnb.outFunc, 500);
    },

    outFunc: function() {
        $(".gnbMenuGroup").eq(GNB_OVER1).find(".gnbMn li").eq(GNB_OVER2).mouseover();
        gnb.overMenuSet(GNB_OVER1, true);
    },

    overMenuSet: function(num, flag) {
        flag = false;
        clearTimeout(gnb.outInterval);
        $(".gnbMenuGroup").each(function(i) {
            if(num == i) {
                $(this).find(".gnbClass").stop().animate({scrollTop: 15}, {duration: 300, easing: "easeOutQuad"});
                $(this).find(".gnbMn").stop().animate({opacity: 1}, {duration: 500, easing: "easeInOutSine"}).css({display: "block"});
            } else {
                $(this).find(".gnbClass").stop().animate({scrollTop: 0}, {duration: 300, easing: "easeOutQuad"});
                $(this).find(".gnbMn").stop().css({opacity: 0, display: "none"});
            }

            if(flag) $(this).find(".gnbClass").stop().animate({scrollTop: 0}, {duration: 300, easing: "easeOutQuad"});
        });
    }
}

$(function()
{
	gnb.init();
} );


// index ÇÏ´Ü ¹è³Ê ¸Þ´º
var presetArr = [0, 155, 225];
var presetWidth = [155, 70, 70];
var interval = 0;
var intervalTime = 5000;		// ·Ñ¸µ°£°Ý (5ÃÊ)
var currentNum = 0;

$(function() {
	$(".productBanner").each(function(i) {
		$(this).css({top:0, left:presetArr[i], width:presetWidth[i]});
	});
	
	$(".productBanner").mouseover(bannerOverBt);

	interval = setInterval(bannerOverCount, intervalTime);
	
	function bannerOverCount() {
		currentNum++;
		if(currentNum > 2) currentNum = 0;
		bannerOver(currentNum);
	}

	function bannerOverBt(e) {
		clearInterval(interval);
		interval = setInterval(bannerOverCount, intervalTime);

		var index = $(this).index();
		
		currentNum = index;
		bannerOver(currentNum);
	}
	
	function bannerOver(index) {	
		var dis_x = 0;
		var w = 0;
		
		$(".productBanner").each(function(i) {
			w = (index == i) ? 155 : 70;
			$(this).stop().animate({left:dis_x, width:w}, {duration:800, easing:"easeOutQuad"});
			dis_x += w+0;
		});
	}
	
	$(".productBanner").eq(0).mouseover();
});


// »çÀÌÆ®¸Ê ·¹À̾î
$(function() {
	var inputWindow = $('.sitemapBox');
	var insInput = $('#sitemap');
	
	// Show Hide
	$('.sitemapTrigger').click(function() {
		inputWindow.addClass('open');
	});
	$('#sitemap .close').click(function() {
		inputWindow.removeClass('open');
	});
	// ESC Event
	$(document).keydown(function(event) {
		if(event.keyCode != 27) return true;
		if(inputWindow.hasClass('open')) {
			inputWindow.removeClass('open');
		}
		return false;
	});
	// Hide Window
	inputWindow.find('>.bg').mousedown(function(event) {
		inputWindow.removeClass('open');
		return false;
	});
});