/***************************************************************
		*	팝업존 class
		*	popup_id(팝업이미지)의 id는 뒤에 숫자가 붙되 1부터 증가하여야한다. 
		*   예 : popup_id가 popup_zone 일 경우 팝업이미지의 
		*   id는 popup_zone1, popup_zone2, popup_zone3
		*	
		*	popup_id는 반드시 정의해야한다.
		*	sub_popup_id(서브팝업영역)의 id는 뒤에 숫자가 붙되 1부터 증가하여야한다.
		*	예 : sub_popup_id가  sub_popup_zone 일 경우 서브팝업영역의 
		*	id는  sub_popup_zone1, sub_popup_zone2, sub_popup_zone3
		*	
		*	sub_popup_id는 반드시 정의해야한다.
		*   name는 popup_zone class의 변수명을 넣는다. 
		*	예:  var popup_1 = new popup_zone(); popup_1.name="popup_1";
		***************************************************************/
		var popup_zone = function(){
			this.stoptime = 3;
			// 상태값 0은 정지 0보다 크면 동작
			this.status = 1;
			// 팝업의 총 갯수 
			this.total = 0;
			// 딜레이타임
			this.delay = 10000;
			// 선택된 팝업
			this.select = 0;
			// 팝업이미지의 아이디
			this.popup_id  = "";
			// 서브팝업영역의 아이디
			this.sub_popup_id  = "";
			// 변수명을 넣어준다.
			this.name = "";
			// 쿠키체크 (true)라면 팝업존이 실행 아니라면 실행하지 않는다. 
			// getCookie 는 /js2/popup/user_notice_pop.js 참조
			if(getCookie("popupzone") != "done"){
				this.cookie = true;
			}else{
				this.cookie = false;
			}
			
			
		}

		/***************************************************************
		*	팝업존의 이미지와 레이어를 변경
		*   이벤트 대상 : 팝업이미지.src 와 서브팝업영역.style.display
		*   순번 target_num을 제외한 이미지를 off이미지로 변경시키고 
		*	순번 target_num을 제외한 레이어를 display:none 로 변경시킨다.
		***************************************************************/
		popup_zone.prototype.change = function (target_num){	
			var target_div="";
			var target_img="";
			var re;
			for(var i=1; i<=this.total ; i++ )
			{	
				target_div = this.sub_popup_id+i;				
				document.getElementById(target_div).style.display= "none";
				target_img = this.popup_id+i;     
				target_img_name = document.getElementById(target_img).src;     
				if( target_img_name.indexOf("on.") > -1 ) {
					re = /on\./g;
					document.getElementById(target_img).src = target_img_name.replace(re,"off.");
				}
			}
			target_div = this.sub_popup_id+target_num;
			document.getElementById(target_div).style.display= "block";
			
			target_img = this.popup_id+target_num;            
			target_img_name = document.getElementById(target_img).src;     
			if( target_img_name.indexOf("off.") > -1 ) {
				re = /off\./g;
				document.getElementById(target_img).src = target_img_name.replace(re,"on.");
			}
			this.select = target_num;
		}

		/***************************************************************
		*	팝업존의 이미지를 시간에 따라 변경시킨다.
		*   delay가 0보다 크지 않으면 status와 상관없이 정지한다.
		*   status가 1이면 delay에 설정된 시간(Milliseconds)에 따라 팝업이 변화한다.
		*   이때 delay*stoptime의 시간만큼 화면은 정지한다.
		*	status가 0이면 팝업이 변화하지 않는다.
		***************************************************************/
		popup_zone.prototype.roll = function(){						
			if(this.delay > 0){
				if(this.status > 0 ){
					if(this.status == this.stoptime	){
						if(this.select == this.total){
							this.select = 1;
						}else{
							this.select = parseInt(this.select) + 1;
						}
						this.change(this.select);
					}else{
						this.status += 1;
					}
				}
				if(this.total > 1){
					setTimeout(this.name+".roll();",this.delay)
				}
			}			
		}	
		
		popup_zone.prototype.start = function(){
			if(this.cookie){	
				this.status = this.stoptime;
				if(this.total == 1){
					document.getElementById("popup_num1").style.display="none";
				}
				document.getElementById(this.popup_id).style.display="block";
				this.roll();
			}
		}	
		
		/***************************************************************
		*   사용예시 
		*   필수항목(popup_id,sub_popup_id,name)은 반드시 선언되어야한다.
		*	var popup_1 = new popup_zone();
		*	popup_1.total = 5;		
		*	popup_1.popup_id  = "popup_zone";
		*	popup_1.sub_popup_id  = "sub_popup_zone";		
		*	popup_1.name = "popup_1";
		*	popup_1.delay = 1000;		
		*	paid.UserEvent.addListener(window, "load", popup_zone1_start, false);
		*
		*	popup_zone1_start 는 구현자스타일에 따라 다르겠지만 이벤트를 추가하기전에는 선언되어함.
		*   popup_zone1_start = function(){
		*		popup_1.start();		
		*	}	
		*   		
		***************************************************************/
				
		function popupzone_close(zone_area,close_today){	
			var layer = document.getElementById(zone_area);		
			if (layer) {
				layer.style.display="none";			
				if(document.getElementById(close_today).checked == true){
					// setCookie 는 /js2/popup/user_notice_pop.js 참조
					setCookie("popupzone","done",1);					
				}		        
			}
		}