$(function() {
            var offset = $("#divMenu").offset();
            var topPadding = 0;
            $(window).scroll(function() {

                if ($(window).scrollTop() > offset.top) {
                    $("#divMenu").stop().animate({
                        marginTop: $(window).scrollTop() - offset.top + topPadding
                    }, 1000);
                } else {
                    $("#divMenu").stop().animate({
                        marginTop: 0
                    });
                };
             });
        });
		
		
		
		 $(function(){
		 $("#floatWindow").css("opacity","0.9");  // 팝업창 투명도조절 0 ~ 1 사이의 값
		$(".open").click(function(){  // 메뉴 클릭시 팝업창 보이게 ...
			 $("#floatWindow").fadeToggle(500);
		 });
		$("#close").click(function(){  // 닫기 클릭시 팝업창 안보이게...
			 $("#floatWindow").fadeToggle(1000);
		 });
		});
		
		

function setPage(arg) { //navigation hn:1depth, sn:2depth, cn:3depth 를 받음
	page = jQuery.extend({
		hn : "",
		sn : "",
		cn : ""
	}, arg || {});
	if(window.console) {
		console.log("hn : " + page.hn + "\nsn : " + page.sn + "\ncn : " + page.cn);
	}
	if(page.hn != 10) {
		$(".menu ul li.hn" + page.hn + " a").addClass("on"); //1depth 활성
	}

	if(page.hn >= 11) {
		$(".menu ul li.hn" + page.hn + " a").addClass("on"); //유틸 1depth 활성
	}

	$(".sub > div > ul > li.sn" + page.sn).find("> a").addClass("on").end().find("> ul").addClass("on").find("> li.cn" + page.cn + " a").addClass("on"); //2depth 활성
}



// 메인 지점안내 이미지 오버

$(function() {
// OPACITY OF BUTTON SET TO 0%
$(".roll1").css("opacity","0");
 
// ON MOUSE OVER
$(".roll1").hover(function () {
 
// SET OPACITY TO 70%
$(this).stop().animate({
opacity: 1
}, "slow");
},
 
// ON MOUSE OUT
function () {
 
// SET OPACITY BACK TO 50%
$(this).stop().animate({
opacity: 0
}, "slow");
});
});

$(function() {
// OPACITY OF BUTTON SET TO 0%
$(".roll2").css("opacity","0");
 
// ON MOUSE OVER
$(".roll2").hover(function () {
 
// SET OPACITY TO 70%
$(this).stop().animate({
opacity: 1
}, "slow");
},
 
// ON MOUSE OUT
function () {
 
// SET OPACITY BACK TO 50%
$(this).stop().animate({
opacity: 0
}, "slow");
});
});

$(function() {
// OPACITY OF BUTTON SET TO 0%
$(".roll3").css("opacity","0");
 
// ON MOUSE OVER
$(".roll3").hover(function () {
 
// SET OPACITY TO 70%
$(this).stop().animate({
opacity: 1
}, "slow");
},
 
// ON MOUSE OUT
function () {
 
// SET OPACITY BACK TO 50%
$(this).stop().animate({
opacity: 0
}, "slow");
});
});

$(function() {
 
// OPACITY OF BUTTON SET TO 0%
$(".roll4").css("opacity","0");
 
// ON MOUSE OVER
$(".roll4").hover(function () {
 
// SET OPACITY TO 70%
$(this).stop().animate({
opacity: 1
}, "slow");
},
 
// ON MOUSE OUT
function () {
 
// SET OPACITY BACK TO 50%
$(this).stop().animate({
opacity: 0
}, "slow");
});
});


$(function() {
 
// OPACITY OF BUTTON SET TO 0%
$(".roll5").css("opacity","0");
 
// ON MOUSE OVER
$(".roll5").hover(function () {
 
// SET OPACITY TO 70%
$(this).stop().animate({
opacity: 1
}, "slow");
},
 
// ON MOUSE OUT
function () {
 
// SET OPACITY BACK TO 50%
$(this).stop().animate({
opacity: 0
}, "slow");
});
});