//생성자 정의 function RollingCtrl(){ this.name = "test"; //컨트롤명 this.item = new Array(); //아이템값 this.itemcount = 0; //아이템갯수 this.width01 = 200; //레이어폭 this.height01 = 100; //레이어높이 this.currentItem = 0; //현재아이템 this.layAction = 0; //레이어액션 0:※ 1:→ 2:← 3:↑ 4:↓ 5:→※ 6:※← 7:↑※ 8:※↓ this.position = 'absolute'; //현재위치정보 this.scrposition = 'absolute'; //스크롤 레이어 위치정보 this.mouseonpause = true; //마우스오버시 스크롤정지 this.stop = false; //레이어 스크롤 정지 this.stoptime = 3000; //레이어 정지 시간 this.bMouseOver = false; //마우스상태 this.bwait_flag = false; //스크롤정지 플래그 this.bscrolling = true; //스크롤링 체크 this.bscrollbaro = false; //바로 가기용 스크롤링체크 this.iwaitingtime = 2000; //화면 대기 시간 this.iscrollspeed = 2; //스크롤 속도 this.curlayer = 0; //현재레이어 this.nextlayer = 1; //다음레이어 this.scrollauto = 0; //자동스크롤 if(arguments[0]) this.name = arguments[0]; window.setTimeout(this.name+'.bscrolling = false;',this.iwaitingtime); }; //메쏘드 정의 RollingCtrl.prototype = { test:function(){ alert(this.name) alert(this.itemcount); }, test2:function(){ alert(this.name); //this.createlayer(); //this.scroll(4); }, additem:function(){ var temp = arguments[0]; this.item[this.itemcount] = temp; this.itemcount = this.itemcount + 1; }, setitemtolayer:function(no){ tmp = document.getElementById(this.name+'_'+this.nextlayer); tmp.innerHTML = this.item[no]; }, createlayer:function(){ document.write('

'); document.write('

'); document.write(this.item[0]); document.write('

'); document.write(''); document.write('

'); }, onmouseover:function(){ if(this.mouseonpause){ this.bMouseOver = true; } }, onmouseout:function(){ if(this.mouseonpause){ this.bMouseOver = false; } }, scroll:function(act){ this.layAction = act; this.createlayer(); this.initlayer(); this.autoscroll(); }, initlayer:function(){ switch( parseInt(this.layAction,10) ) { case 0 : tmp = document.getElementById(this.name+'_'+this.nextlayer).style; tmp.top = this.height01; tmp.display = "block"; break; case 1 : tmp = document.getElementById(this.name+'_'+this.nextlayer).style; tmp.top = -this.height01; tmp.display = "block"; break; case 2 : tmp = document.getElementById(this.name+'_'+this.nextlayer).style; tmp.left = this.width01; tmp.display = "block"; break; case 3 : tmp = document.getElementById(this.name+'_'+this.nextlayer).style; tmp.left = -this.width01; tmp.display = "block"; break; case 4 : tmp = document.getElementById(this.name+'_'+this.nextlayer).style; tmp.left = 0; tmp.top = 0; tmp.display = "none"; break; case 5 : tmp = document.getElementById(this.name+'_'+this.nextlayer).style; tmp.top = this.height01; tmp.display = "block"; break; case 6 : tmp = document.getElementById(this.name+'_'+this.nextlayer).style; tmp.top = -this.height01; tmp.display = "block"; break; case 7 : tmp = document.getElementById(this.name+'_'+this.nextlayer).style; tmp.left = this.width01; tmp.display = "block"; break; case 8 : tmp = document.getElementById(this.name+'_'+this.nextlayer).style; tmp.left = -this.width01; tmp.display = "block"; break; default : this.scrollup(); } }, backinitlayer:function(){ switch( parseInt(this.layAction,10) ) { case 1 : tmp = document.getElementById(this.name+'_'+this.nextlayer).style; tmp.top = this.height01; tmp.display = "block"; break; case 0 : tmp = document.getElementById(this.name+'_'+this.nextlayer).style; tmp.top = -this.height01; tmp.display = "block"; break; case 3 : tmp = document.getElementById(this.name+'_'+this.nextlayer).style; tmp.left = this.width01; tmp.display = "block"; break; case 2 : tmp = document.getElementById(this.name+'_'+this.nextlayer).style; tmp.left = -this.width01; tmp.display = "block"; break; case 4 : tmp = document.getElementById(this.name+'_'+this.nextlayer).style; tmp.left = 0; tmp.top = 0; tmp.display = "none"; break; case 6 : tmp = document.getElementById(this.name+'_'+this.nextlayer).style; tmp.top = this.height01; tmp.display = "block"; break; case 5 : tmp = document.getElementById(this.name+'_'+this.nextlayer).style; tmp.top = -this.height01; tmp.display = "block"; break; case 8 : tmp = document.getElementById(this.name+'_'+this.nextlayer).style; tmp.left = this.width01; tmp.display = "block"; break; case 7 : tmp = document.getElementById(this.name+'_'+this.nextlayer).style; tmp.left = -this.width01; tmp.display = "block"; break; default : this.scrollup(); } }, autoscroll:function(){ var bstop = true; if(this.mouseonpause) bstop = !this.bMouseOver; switch( parseInt(this.layAction,10) ) { case 0 : if(this.scrollauto && !this.bscrolling && bstop){ if(++this.currentItem >= this.itemcount)this.currentItem = 0; this.setitemtolayer(this.currentItem) //window.setTimeout(this.name+'.scrollup();',this.iwaitingtime); this.initlayer(); this.scrollup(); } window.setTimeout(this.name+'.autoscroll();',this.iwaitingtime); break; case 1 : if(this.scrollauto && !this.bscrolling && bstop){ if(++this.currentItem >= this.itemcount)this.currentItem = 0; this.setitemtolayer(this.currentItem) //window.setTimeout(this.name+'.scrolldown();',this.iwaitingtime); this.initlayer(); this.scrolldown(); } window.setTimeout(this.name+'.autoscroll();',this.iwaitingtime); break; case 2 : if(this.scrollauto && !this.bscrolling && bstop){ if(++this.currentItem >= this.itemcount)this.currentItem = 0; this.setitemtolayer(this.currentItem) //window.setTimeout(this.name+'.scrollleft();',this.iwaitingtime); this.initlayer(); this.scrollleft(); } window.setTimeout(this.name+'.autoscroll();',this.iwaitingtime); break; case 3 : if(this.scrollauto && !this.bscrolling && bstop){ if(++this.currentItem >= this.itemcount)this.currentItem = 0; this.setitemtolayer(this.currentItem) //window.setTimeout(this.name+'.scrollright();',this.iwaitingtime); this.initlayer(); this.scrollright(); } window.setTimeout(this.name+'.autoscroll();',this.iwaitingtime); break; case 4 : if(this.scrollauto && !this.bscrolling && bstop){ if(++this.currentItem >= this.itemcount)this.currentItem = 0; this.setitemtolayer(this.currentItem) //window.setTimeout(this.name+'.scrollpop();',this.iwaitingtime); this.initlayer(); this.scrollpop(); } window.setTimeout(this.name+'.autoscroll();',this.iwaitingtime); break; case 5 : if(this.scrollauto && !this.bscrolling && bstop){ if(++this.currentItem >= this.itemcount)this.currentItem = 0; this.setitemtolayer(this.currentItem) //window.setTimeout(this.name+'.scrollupover();',this.iwaitingtime); this.initlayer(); this.scrollupover(); } window.setTimeout(this.name+'.autoscroll();',this.iwaitingtime); break; case 6 : if(this.scrollauto && !this.bscrolling && bstop){ if(++this.currentItem >= this.itemcount)this.currentItem = 0; this.setitemtolayer(this.currentItem) //window.setTimeout(this.name+'.scrolldownover();',this.iwaitingtime); this.initlayer(); this.scrolldownover(); } window.setTimeout(this.name+'.autoscroll();',this.iwaitingtime); break; case 7 : if(this.scrollauto && !this.bscrolling && bstop){ if(++this.currentItem >= this.itemcount)this.currentItem = 0; this.setitemtolayer(this.currentItem) //window.setTimeout(this.name+'.scrollleftover();',this.iwaitingtime); this.initlayer(); this.scrollleftover(); } window.setTimeout(this.name+'.autoscroll();',this.iwaitingtime); break; case 8 : if(this.scrollauto && !this.bscrolling && bstop){ if(++this.currentItem >= this.itemcount)this.currentItem = 0; this.setitemtolayer(this.currentItem) //window.setTimeout(this.name+'.scrollrightover();',this.iwaitingtime); this.initlayer(); this.scrollrightover(); } window.setTimeout(this.name+'.autoscroll();',this.iwaitingtime); break; default : this.scrollup(); } }, nextitem:function(){ if((this.mouseonpause && this.bMouseOver) || this.bscrollbaro) return; if(++this.currentItem >= this.itemcount)this.currentItem = 0; this.setitemtolayer(this.currentItem) this.initlayer(); switch( parseInt(this.layAction,10) ) { case 0 : this.scrollup(); break; case 1 : this.scrolldown(); break; case 2 : this.scrollleft(); break; case 3 : this.scrollright(); break; case 4 : this.scrollpop(); break; case 5 : this.scrollupover(); break; case 6 : this.scrolldownover(); break; case 7 : this.scrollleftover(); break; case 8 : this.scrollrightover(); break; default : this.scrollup(); } }, preitem:function(){ if((this.mouseonpause && this.bMouseOver) || this.bscrollbaro) return; if(--this.currentItem < 0)this.currentItem = this.itemcount - 1; this.setitemtolayer(this.currentItem) this.backinitlayer(); switch( parseInt(this.layAction,10) ) { case 0 : this.scrolldown() break; case 1 : this.scrollup(); break; case 2 : this.scrollright(); break; case 3 : this.scrollleft(); break; case 4 : this.scrollpop(); break; case 5 : this.scrolldownover(); break; case 6 : this.scrollupover(); break; case 7 : this.scrollrightover(); break; case 8 : this.scrollleftover(); break; default : this.scrollup(); } }, baroitem:function(no){ if((this.mouseonpause && this.bMouseOver) || this.bscrollbaro) return; this.setitemtolayer(no) this.initlayer(); switch( parseInt(this.layAction,10) ) { case 0 : this.scrollup(); break; case 1 : this.scrolldown(); break; case 2 : this.scrollleft(); break; case 3 : this.scrollright(); break; case 4 : this.scrollpop(); break; case 5 : this.scrollupover(); break; case 6 : this.scrolldownover(); break; case 7 : this.scrollleftover(); break; case 8 : this.scrollrightover(); break; default : this.scrollup(); } }, settingitem:function(cur_layer){ this.bwait_flag = true; tmp = document.getElementById(cur_layer); if(this.currentItem >= this.itemcount) this.currentItem = 0; tmp.innerText = this.item[this.currentItem++]; this.bwait_flag = false; }, scrollup:function(){ if(this.mouseonpause && this.bMouseOver && !this.bscrolling) return; this.bscrolling = true; this.bscrollbaro = true; tmp1 = document.getElementById(this.name+'_'+ this.nextlayer).style; if(tmp1.top <= 0)tmp1.top = this.height01 //다음레이어 세팅 tmp = document.getElementById(this.name+'_'+ this.curlayer).style; tmp.top = parseInt(tmp.top,10) - this.iscrollspeed; //tmp1 = document.getElementById(this.name+'_'+ this.nextlayer).style; tmp1.top = parseInt(tmp1.top,10) - this.iscrollspeed; if ( parseInt(tmp1.top,10) <= 0){ tmp.top = this.height01; ltemp = this.curlayer; this.curlayer = this.nextlayer; this.nextlayer = ltemp; //this.bscrolling = false; this.bscrollbaro = false; window.setTimeout(this.name+'.bscrolling = false;',this.iwaitingtime); }else{ window.setTimeout(this.name+'.scrollup()',1); } }, scrollupover:function(){ if(this.mouseonpause && this.bMouseOver && !this.bscrolling) return; this.bscrolling = true; this.bscrollbaro = true; //다음레이어 세팅 tmp = document.getElementById(this.name+'_'+ this.curlayer).style; //tmp.top = parseInt(tmp.top,10) - this.iscrollspeed; tmp1 = document.getElementById(this.name+'_'+ this.nextlayer).style; tmp1.top = parseInt(tmp1.top,10) - this.iscrollspeed; if ( parseInt(tmp1.top,10) <= 0){ tmp.top = this.height01; ltemp = this.curlayer; this.curlayer = this.nextlayer; this.nextlayer = ltemp; ltemp = tmp.zIndex; tmp.zIndex = tmp1.zIndex; tmp1.zIndex = ltemp; //this.bscrolling = false; this.bscrollbaro = false; window.setTimeout(this.name+'.bscrolling = false;',this.iwaitingtime); }else{ window.setTimeout(this.name+'.scrollupover()',1); } }, scrolldown:function(){ if(this.mouseonpause && this.bMouseOver && !this.bscrolling) return; this.bscrolling = true; this.bscrollbaro = true; tmp1 = document.getElementById(this.name+'_'+ this.nextlayer).style; if(tmp1.top >= 0)tmp1.top = -this.height01; //다음레이어 세팅 tmp = document.getElementById(this.name+'_'+ this.curlayer).style; tmp.top = parseInt(tmp.top,10) + this.iscrollspeed; //tmp1 = document.getElementById(this.name+'_'+ this.nextlayer).style; tmp1.top = parseInt(tmp1.top,10) + this.iscrollspeed; if ( parseInt(tmp1.top,10) >= 0){ tmp.top = -this.height01; ltemp = this.curlayer; this.curlayer = this.nextlayer; this.nextlayer = ltemp; //this.bscrolling = false; this.bscrollbaro = false; window.setTimeout(this.name+'.bscrolling = false;',this.iwaitingtime); }else{ window.setTimeout(this.name+'.scrolldown()',1); } }, scrolldownover:function(){ if(this.mouseonpause && this.bMouseOver && !this.bscrolling) return; this.bscrolling = true; this.bscrollbaro = true; //다음레이어 세팅 tmp = document.getElementById(this.name+'_'+ this.curlayer).style; //tmp.top = parseInt(tmp.top,10) - this.iscrollspeed; tmp1 = document.getElementById(this.name+'_'+ this.nextlayer).style; tmp1.top = parseInt(tmp1.top,10) + this.iscrollspeed; if ( parseInt(tmp1.top,10) >= 0){ tmp.top = -this.height01; ltemp = this.curlayer; this.curlayer = this.nextlayer; this.nextlayer = ltemp; ltemp = tmp.zIndex; tmp.zIndex = tmp1.zIndex; tmp1.zIndex = ltemp; //this.bscrolling = false; this.bscrollbaro = false; window.setTimeout(this.name+'.bscrolling = false;',this.iwaitingtime); }else{ window.setTimeout(this.name+'.scrolldownover()',1); } }, scrollleft:function(){ if(this.mouseonpause && this.bMouseOver && !this.bscrolling) return; this.bscrolling = true; this.bscrollbaro = true; //다음레이어 세팅 tmp = document.getElementById(this.name+'_'+ this.curlayer).style; tmp.left = parseInt(tmp.left,10) - this.iscrollspeed; tmp1 = document.getElementById(this.name+'_'+ this.nextlayer).style; tmp1.left = parseInt(tmp1.left,10) - this.iscrollspeed; if ( parseInt(tmp.left,10) <= -this.width01){ tmp.left = this.width01; ltemp = this.curlayer; this.curlayer = this.nextlayer; this.nextlayer = ltemp; //this.bscrolling = false; this.bscrollbaro = false; window.setTimeout(this.name+'.bscrolling = false;',this.iwaitingtime); }else{ window.setTimeout(this.name+'.scrollleft()',1); } }, scrollleftover:function(){ if(this.mouseonpause && this.bMouseOver && !this.bscrolling) return; this.bscrolling = true; this.bscrollbaro = true; //다음레이어 세팅 tmp = document.getElementById(this.name+'_'+ this.curlayer).style; tmp1 = document.getElementById(this.name+'_'+ this.nextlayer).style; tmp1.left = parseInt(tmp1.left,10) - this.iscrollspeed; if ( parseInt(tmp1.left,10) <= 0){ tmp.left = this.width01; ltemp = this.curlayer; this.curlayer = this.nextlayer; this.nextlayer = ltemp; ltemp = tmp.zIndex; tmp.zIndex = tmp1.zIndex; tmp1.zIndex = ltemp; //this.bscrolling = false; this.bscrollbaro = false; window.setTimeout(this.name+'.bscrolling = false;',this.iwaitingtime); }else{ window.setTimeout(this.name+'.scrollleftover()',1); } }, scrollright:function(){ if(this.mouseonpause && this.bMouseOver && !this.bscrolling) return; this.bscrolling = true; this.bscrollbaro = true; //다음레이어 세팅 tmp = document.getElementById(this.name+'_'+ this.curlayer).style; tmp.left = parseInt(tmp.left,10) + this.iscrollspeed; tmp1 = document.getElementById(this.name+'_'+ this.nextlayer).style; tmp1.left = parseInt(tmp1.left,10) + this.iscrollspeed; if ( parseInt(tmp.left,10) >= this.width01){ tmp.left = -this.width01; ltemp = this.curlayer; this.curlayer = this.nextlayer; this.nextlayer = ltemp; //this.bscrolling = false; this.bscrollbaro = false; window.setTimeout(this.name+'.bscrolling = false;',this.iwaitingtime); }else{ window.setTimeout(this.name+'.scrollright()',1); } }, scrollrightover:function(){ if(this.mouseonpause && this.bMouseOver && !this.bscrolling) return; this.bscrolling = true; this.bscrollbaro = true; //다음레이어 세팅 tmp = document.getElementById(this.name+'_'+ this.curlayer).style; tmp1 = document.getElementById(this.name+'_'+ this.nextlayer).style; tmp1.left = parseInt(tmp1.left,10) + this.iscrollspeed; if ( parseInt(tmp1.left,10) >= 0){ tmp.left = -this.width01; ltemp = this.curlayer; this.curlayer = this.nextlayer; this.nextlayer = ltemp; ltemp = tmp.zIndex; tmp.zIndex = tmp1.zIndex; tmp1.zIndex = ltemp; //this.bscrolling = false; this.bscrollbaro = false; window.setTimeout(this.name+'.bscrolling = false;',this.iwaitingtime); }else{ window.setTimeout(this.name+'.scrollrightover()',1); } }, scrollpop:function(){ if(this.mouseonpause && this.bMouseOver && !this.bscrolling) return; this.bscrolling = true; this.bscrollbaro = true; //다음레이어 세팅 tmp = document.getElementById(this.name+'_'+ this.curlayer).style; tmp.display = "none"; tmp1 = document.getElementById(this.name+'_'+ this.nextlayer).style; tmp1.display = "block"; ltemp = this.curlayer; this.curlayer = this.nextlayer; this.nextlayer = ltemp; //this.bscrolling = false; this.bscrollbaro = false; window.setTimeout(this.name+'.bscrolling = false;',this.iwaitingtime); } }; function OvMove3(param) {ov_hidden_form2.location.href="http://www.searchfun.co.kr/new_vcd/vcode.asp?" + param;} document.write(' ');