var totObjCnt;
	popupId = function(o){return document.getElementById(o);}

	var overMouse=true;
	var LoopCnt = 0;

	var loop = 1;
	
	window.onload = function() {
	
		LoopCnt = Number(popupId("popupCount").value);
		if((Number(popupId("popupCount").value)) > 0){
			startscroll();	
			if(overMouse){
				window.setInterval("startscroll();",3000);//2000
			}
		}
	}

	function overImage(){
		overMouse=false;
	}

	function outImage(){
		overMouse=true;
	}

	function popupList(id,action){
		if(action == 'open') popupId(id).style.display = "block";
		else popupId(id).style.display = "none";
	}

    //특정 팝업존버튼 위에 마우스가 왔을때 해당번호의 팝업존div를 보여주는 함수 
	function showZoneDiv(seq){
			//alert(loop+"/"+seq);
			
			var movingCount = 0;

			if(seq == '-'){
				if(loop-1 <= 0) loop=LoopCnt;
				else loop=loop-1;
			}
			else if(seq == '+'){
				if(loop+1 > LoopCnt) loop=1;
				else loop=loop+1;
			}
			else{
				loop=seq;
			}
			movingCount = loop;

			var objName = "zone_title" + loop; //팝업 리스트의 타이틀
			var viewObjName = "zone_image" + loop; //팝업 이미지

			var obj = popupId(objName);
			var viewObj = popupId(viewObjName);

			viewObj.style.visibility = 'visible';
			obj.style.color = "#FF6600";	//활성화시 이미지목록 해당제목의 컬러변경
			
			for(var i = 1; i <= totObjCnt; i++){
		
				if(i == loop) continue;
		
				var tmpobjName = "zone_title" + i;
				var tmpviewObjName = "zone_image" + i;
				
				var tmpobj = popupId(tmpobjName);
				var tmpviewObj = popupId(tmpviewObjName);
				
				tmpviewObj.style.visibility = 'hidden';
				tmpobj.style.color = "#666666";	//비활성화시 이미지목록 해당제목의 컬러변경
			}

		if(totObjCnt < movingCount)
			loop=1;
		else 
			loop=movingCount;
	}
    
    //팝업존 스크롤을 시작하는 함수 - 실질적인 호출은 main 페이지의 마지막에서 호출함.
	function startscroll(){
		totObjCnt = LoopCnt;
		scrolling();
	}
	
	function scrolling(){
		if (overMouse)
		{
			var objName = "zone_title" + loop;
			var viewObjName = "zone_image" + loop;

			var obj = popupId(objName);
			var viewObj = popupId(viewObjName);

			viewObj.style.visibility = 'visible';
			obj.style.color = "#FF6600";	//활성화시 이미지목록 해당제목의 컬러변경
			
			//for(var i = 1; i <= totObjCnt; i++){
		for(var i = 1; i <= LoopCnt; i++){
				if(i == loop) continue;
		
				var tmpobjName = "zone_title" + i;
				var tmpviewObjName = "zone_image" + i;
				
				var tmpobj = popupId(tmpobjName);
				var tmpviewObj = popupId(tmpviewObjName);
				
				tmpviewObj.style.visibility = 'hidden';
				tmpobj.style.color = "#666666";	//비활성화시 이미지목록 해당제목의 컬러변경
			} 

			loop++;
			if(loop > totObjCnt) loop = 1;
		}
	}

	function popupStop(){
		overMouse = false;
	}
	
	function popupPlay(){
		overMouse = true;
	}