$(document).ready(function(){
    
	//s 상단배너 열고 닫기 
	var 
	bannerBtn = $(".banner ul li"),
	banner = $(".banner p"),
	btnClose = $(".btnClose"),
	btnOpen = $(".btnOpen"),
	header = $("#header"),
	ban1 = $(".layerM1"),
	ban2 = $(".layerM2"),
	box1 = $(".gnbBannerBox"),
	box2 = $(".gnbBox");
	
	btnClose.click(
		function() { 
		    var quickBox = $('.quickBox');
			header.animate({height:140},300);
			ban1.animate({top:70},300);
			ban2.animate({top:70},300);
			box1.animate({top:-75},300);
			box2.animate({top:-75},300,function(){btnOpen.animate({top:75},300);});
			quickBox.addClass('active');
			quickBox.animate({top:160},300);
		}
	  );
	btnOpen.click(
		function() { 
		    var quickBox = $('.quickBox');
			btnOpen.animate({top:-70},300,function(){
			header.animate({height:210},300);
			ban1.animate({top:145},300);
			ban2.animate({top:145},300);
			box1.animate({top:0},300);
			box2.animate({top:0},300);
			quickBox.animate({top:230},300);});
			quickBox.removeClass('active');
			
		}
     );
	//e 상단배너 열고 닫기 
	
	//s 상단배너 타임
	var timeBanner = $('.gnbBanner li span').css("opacity",0.6);
	//s 상단배너 타임
	
	//s gnb gnbutil 부분 레이어
	$(".menu2 li:last a").mouseover(function(){
	    $(".layerM2").css("display","block");					 
	});
	$(".layerM2").mouseleave(function(){
	    $(".layerM2").css("display","none");									   
	});
	
	$(".menu2 li:first a").mouseover(function(){
	    $(".layerM1").css("display","block");					 
	});
	$(".layerM1").mouseleave(function(){
	    $(".layerM1").css("display","none");									   
	});
	
	$(".gnbUtil li:last a:eq(2)").mouseover(function(){
	    $(".myshop").css("display","block");					 
	});
	$(".myshop").mouseleave(function(){
	    $(".myshop").css("display","none");									   
	});
	
	$(".gnbUtil li:last a:eq(6)").mouseover(function(){
	    $(".familySite").css("display","block");					 
	});
	$(".familySite").mouseleave(function(){
	    $(".familySite").css("display","none");									   
	});
	//e gnb gnbutil 부분 레이어
});

//s 띠배너 동작
$(function(){
        $('#newsticker1').Vnewsticker({
			speed: 700,         //스크롤 스피드
			pause: 2000,        //잠시 대기 시간
			mousePause: true,   //마우스 오버시 일시정지(true=일시정지)
			showItems: 1,       //스크롤 목록 갯수 지정(1=한줄만 보임)
			direction : "up"    //up=위로스크롤, 공란=아래로 스크롤
	});
});
//e 띠배너 동작

//s 스카이배너
function gnbLoad(){
	var v = 1;
    if(v===0){
		var 
		header = $("#header"),
		quickBox = $('.quickBox');
		
		header.css("height",140);
		quickBox.css("top",160);
		quickBox.addClass('active');
	}else{
		var 
	    header = $("#header");
	    header.removeClass('h140');
		}
}
//e 스카이배너

var sample_bn_speed3 = 300; //움직임 속도
var sample_bn_click = 0; //광클릭 방지
function sample_bn_ban(){
	var obj = jQuery(".menu"); //해당 object 변수
	var after_bt = obj.find(">a").eq(0); //다음버튼 변수
	var before_bt = obj.find(">a").eq(1); //이전버튼 변수
	
	after_bt.click(sample_bn_after3);//다음 버튼 클릭시 sample_bn_after펑션 호출
	before_bt.click(sample_bn_before3);//이전 버튼 클릭시 sample_bn_before펑션 호출
}
//다음 버튼 호출
function sample_bn_after3(){
	if(sample_bn_click == 0){
		sample_bn_click = 1;//배너의 움직임이 지속되는동안은 클릭시 중첩되지 않게 된다.
		var move_obj = jQuery(".menu > div > ul"); //움직일 객체 변수
		var move_obj_width = (move_obj.find(">li").width() * -1); //움직일 컨텐츠의 넓이값 저장 (다음버튼클릭시 화면은 왼쪽으로 움직이기 위해 음수값을 만든다)
		
		move_obj.find(">li").eq(0).clone().appendTo(move_obj);//움직일 객체변수의 자식중 li의 0번째 녀석을 clone(복사)하여 appendTo(위치) 위치에 해당하는 곳의 배열중 마지막배열로 삽입한다.
		move_obj.animate(
			{left:move_obj_width}
			,sample_bn_speed3
			,function(){
				//해당 펑션은 animate가 작동이 끝난뒤 처리된다.
				//이곳에 오기전까지의 데이터는 1번째을 복사하여 마지막 배열에 추가하였다.
				move_obj.find(">li").eq(0).remove();//remove함수를 사용하여 1번째 배열을 삭제한다.
				move_obj.css("left","0");//left값을 0으로 초기화시킨다. (1번째 배열을 삭제하였기때문에 그공간을 빼준 값이다.)
				//이곳까지 오게 되면 소스상의 데이터는 초기 : 1,2,3 에서 2,3,1로 변경 되어있다.
				//클릭시 마다 적용되며 클릭시마다 배열이 새롭게 변경된다.(무한반복)
				sample_bn_click = 0;//움직임이 끝났고 다음 클릭을 대비하여 값을 초기화한다.
			}
		);//move_obj의 left를 저장해놓았던 넓이값만큼 미리정해놓은 속도로 이동시킨다.
	}
}
//이전 버튼 호출
function sample_bn_before3(){
	if(sample_bn_click == 0){
		sample_bn_click = 1;//배너의 움직임이 지속되는동안은 클릭시 중첩되지 않게 된다.
		var move_obj = jQuery(".menu > div > ul"); //움직일 객체 변수
		var move_obj_width = (move_obj.find(">li").width() * -1); //움직일 컨텐츠의 넓이값 저장 (다음버튼클릭시 화면은 왼쪽으로 움직이기 위해 음수값을 만든다)
		
		move_obj.find(">li:last").clone().prependTo(move_obj);//움직일 객체변수의 자식중 li의 마지막 녀석을 clone(복사)하여 prependTo(위치) 위치에 해당하는 곳의 배열중 첫번째배열로 삽입한다.
		move_obj.css("left",move_obj_width+"px");//left값을 객체 하나만큼의 값만큼 -시킨다. (마지막 배열을 가져와 첫번째에 넣었기때문에 그만큼의 값을 -시킨것이다.)
		
		move_obj.animate(
			{left:0}
			,sample_bn_speed3
			,function(){
				//해당 펑션은 animate가 작동이 끝난뒤 처리된다.
				//이곳에 오기전까지의 데이터는 마지막을 복사하여 첫번째 배열에 추가하였다.
				move_obj.find(">li:last").remove();//remove함수를 사용하여 마지막 배열을 삭제한다.			
				//이곳까지 오게 되면 소스상의 데이터는 초기 : 1,2,3 에서 3,1,2로 변경 되어있다.
				//클릭시 마다 적용되며 클릭시마다 배열이 새롭게 변경된다.(무한반복)
				sample_bn_click = 0;//움직임이 끝났고 다음 클릭을 대비하여 값을 초기화한다.
			}
		);//move_obj의 left를 저장해놓았던 넓이값만큼 미리정해놓은 속도로 이동시킨다.
	}
}