/* main page user defined javascript */
/* JP Skywalker                      */
/* 2011.07.08                        */




/* 
	메인 비주얼 전환 스크립트 시작
*/

var timer;
var interval = 10000; // 메인 사진 바뀌는 인터벌 (10000:10초)

	// onLoad 처리 항목들
	$(function(){

		// 플레이버튼에 토글(클릭) 이벤트 걸기
		$("#playBtn").toggle(
			function(){
				$(this).attr({src:"../pages/image/common/play.png"});
				clearInterval(timer);
			},
			function(){
				$(this).attr({src:"../pages/image/common/pause.png"});
				timer = setInterval("changeVisual(vno, 'yes')", interval);
			}
		)


		// 모든 이미지들 미리 불러오기
		$.preloadCssImages();




		// 비주얼 동적 영역 초기 셋팅
		if(isFromSub == "YES"){
			//alert("hihi");
			$('.panel').css({display:"none"});
			viewVisual(vno, 'yes');
			// 서브페이지에서 대메뉴 클릭해서 넘어온 경우 타이머 멈추기	
			clearInterval(timer);
			$("#playBtn").attr({src:"../pages/image/common/play.png"});
		}else{
			$('#visual').addClass("mainbg1");
			$('#mainbox').addClass("mainboxbg1");

			if(vno==2){
				timer = setInterval("changeVisual(vno, 'yes')", interval);
			}else{
				changeVisual(vno, 'yes');
				timer = setInterval("changeVisual(vno, 'yes')", interval);
			}

		}


		
		// 비주얼 네비게이션 클릭 이벤트 리스너
		$('.vNav').click(function(){
			var n = $(this).attr("id");
			n = n.charAt(3);
			changeVisual(n,"no");
			// 대메뉴 부분 슬라이드
		});		

	}); //onload 실행구간 끝







	// 전환 효과 없이 비주얼 바로 보여주기
	function viewVisual(num, isTimer){
	// 클릭했을 경우 번호 조정

			var str = 'mainbg'+num;
			var str2 = 'mainboxbg'+num;
			$('#visual').addClass(str);
			$('#mainbox').addClass(str2);


		// 숫자 범위 재설정
		if(vno == 5){
			vno = 1;
		}else{
			vno = Number(vno)+1;
		}// 숫자범위 재설정 끝


		// 메인 비주얼 서브메뉴 동적 처리
		var n = vno-1;
		if(n == 0) n=5;
		//alert(n);
		$(".main_submenu").css({display:"none"});
		$("#vSub"+n).css({display:"inline"});


		// 메인 메뉴 영역 동적 처리
		var str3 = 'menu_area'+n;
		var currentCSS3 = $('#menu_area').attr("class");
		$('#menu_area').removeClass(currentCSS3);
		$('#menu_area').addClass(str3);



		// 배열인덱스 참조를 위한 변수(0부터)
		var s = n-1;

		// 콘텐츠 애니메이션
		var arr = new Array(0,-960,-1920,-2880,-3840)		
		$('.panel').css({display:"block"});
		$('.panel').css({left:arr[s]});


		// 불릿형 네비 이미지 설정
		//alert(s);
		$(".vNav").attr({src:"/pages/image/common/ico_dw.png"});
		$(".main_subnavi").find("li").eq(s).find("img").attr("src","/pages/image/common/ico_ov"+n+".png");

	}






	// 이벤트 핸들러
	function changeVisual(num, isTimer){


		// 클릭했을 경우 번호 조정
		if(isTimer == "no") vno = parseInt(num);
	//	alert("vno: "+vno+", isTimer: "+ isTimer);


			$('#visual').fadeTo(1000,0,function(){
				var str = 'mainbg'+num;
				var currentCSS = $(this).attr("class");

				$('#visual').removeClass(currentCSS);
				$('#visual').animate({opacity:"1"}, 500).addClass(str);
			}); // fade 효과 끝


			$('#mainbox').fadeTo(500,0,function(){
				var str2 = 'mainboxbg'+num;
				var currentCSS2 = $('#mainbox').attr("class");
				$('#mainbox').removeClass(currentCSS2);
				$('#mainbox').animate({opacity:"1"}, 500, callback).addClass(str2);
			});


		// 숫자 범위 재설정
		if(vno == 5){
			vno = 1;
		}else{
			vno = Number(vno)+1;
		}// 숫자범위 재설정 끝

	}// Function changeVisual end



function callback(){
	//alert("hi");
		// 메인 비주얼 서브메뉴 동적 처리
		var n = vno-1;
		if(n == 0) n=5;
		//alert(n);
		$(".main_submenu").css({display:"none"});
		$("#vSub"+n).css({display:"inline"});


		// 메인 메뉴 영역 동적 처리
		var str3 = 'menu_area'+n;
		var currentCSS3 = $('#menu_area').attr("class");
		$('#menu_area').removeClass(currentCSS3);
		$('#menu_area').addClass(str3);



		// 배열인덱스 참조를 위한 변수(0부터)
		var s = n-1;

		// 콘텐츠 애니메이션
		var arr = new Array(0,-960,-1920,-2880,-3840)		
		$('.panel').stop().animate({left:arr[s]}, {duration:200});


		// 불릿형 네비 이미지 설정
		//alert(s);
		$(".vNav").attr({src:"/pages/image/common/ico_dw.png"});
		$(".main_subnavi").find("li").eq(s).find("img").attr("src","/pages/image/common/ico_ov"+n+".png");
}

/* 
	메인 비주얼 전환 스크립트 끝
*/





/*
	로그인 영역 디스플레이 토글
*/
function ck(){
 if(document.getElementById("topline").style.display == "none")
	document.getElementById("topline").style.display = "block";
 else
	document.getElementById("topline").style.display = "none";
}