/*--------------------------------
롤링배너
만든이 : mins01(공대여자)
hp : mins01.woobi.co.kr
MSN & NateOn : mins01(at)lycos.co.kr
------------=----------------------
사용법
<div>
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <div>4</div>
<div>
처럼 구조를 가져야합니다.
안의 <div>는 꼭 style.height 값을 가져야합니다.
안에서 <div>가 아닌 것은 전부 삭제됩니다.

var roll2 = new rolling_banner(document.getElementById('test2'));
roll2.start();

처럼 스크립트를 실행하면 됩니다.
----------------------------------*/
var rolling_banner = function(ta){
  this.ta = ta;
//  this.ta.className = 'rolling_banner';
  this.ta_id = 'roll_'+(this.ta.id||this.ta.name);
  this.gap = 5;         //움직이는 픽셀단위
  this.gap_count=0;     //카운팅용:건들지 마세요
  this.gap_time = '1000';   //움직이는 단위시간
  this.gap_sleep = '2000';  //화면이 멈춰있을 단위시간
  this.over_stop = true;  //마우스를 올렸을 때 멈출 것인가?
  this.timer = null;
  eval(this.ta_id+'=this');
  var temp = eval(this.ta_id);
  this.init_div();
}
rolling_banner.prototype.start = function(){  //롤링 시작
  this.ta.readonly =false;
  this.stop =false;
  if(!this.timer){ this.rolling();   }
}
rolling_banner.prototype.stop = function(){ //롤링 시작
  this.stop =true;
}
rolling_banner.prototype.init_div = function(){ //<div> 빼고 전부 제거 , 스타일 초기화
  this.ta.style.position="relative";
  this.ta.style.overflow="hidden";
    this.ta.onmouseover=function(){ eval("this.readOnly=true;"); }
    this.ta.onmouseout=function(){ eval("this.readOnly=false;"); }

  var child = this.ta.childNodes;
  var ch = this.ta.firstChild;
  var ch2 = null;
  while(ch){
    ch2 = ch.nextSibling;
    if(ch.nodeName.toLowerCase() !='div'){
    this.ta.removeChild(ch);
    }else{
    ch.style.position = "relative";
    ch.style.borderStyle='none';
    ch.style.top='0px';
    //ch.style.left='0px';
    }
    ch=ch2;
  }
}
rolling_banner.prototype.strtonum = function(str){
  var num = parseInt(str);
  if(isNaN(num)) num = '0';
  return num
}
rolling_banner.prototype.strtopx = function(str){
  var num = this.strtonum(str);
  return num+'px';
}
rolling_banner.prototype.rolling = function(){
  if(this.gap_count==0){
    this.sleep();
    this.gap_count+=1;
    return;
  }
  if(!this.ta.readOnly && !this.stop){
    this.rolling_top();
  }
  this.timer = null;
  var re = this.ta_id+'.rolling()';
  this.timer = setTimeout(re,this.gap_time);
}
rolling_banner.prototype.rolling_top = function(){
  this.gap_count+=parseInt(this.gap);
  var ch1 = this.ta.firstChild;
  var child = this.ta.childNodes;
  var ta_ch = null;
  var top_ori = this.strtonum(child[0].style.top);
  var top = this.strtopx(top_ori-parseInt(this.gap));
  for(var i=0,m=child.length;i<m;i++){
    child[i].style.top=top;
  }
  if(this.gap_count >= this.strtonum(ch1.style.height)){
    var temp =ch1.cloneNode(true);
    this.ta.removeChild(ch1);
    this.ta.appendChild(temp);
    for(var i=0,m=child.length;i<m;i++){
      child[i].style.top='0px';
    }
  this.gap_count = 0
  }
}
rolling_banner.prototype.sleep = function(){
  this.timer = null;
  var re = this.ta_id+'.rolling()';
  this.timer = setTimeout(re,this.gap_sleep);
}


////// 가로 스크롤링

var scroll_left_mouseEvent = 1;

// banner_roll("div태그 id", 배너1개넓이, 딜레이, 1칸이동속도, 0);
function banner_roll(div_id, banner_width, banner_delay, banner_speed, this_width)
{
    if(eval(div_id + "_mouseEvent")){
        var div_tag = document.getElementById(div_id);
        var a_tag, i;

        this_width++;
        if(this_width < banner_width){
            div_tag.style.left = -this_width;
            setTimeout("banner_roll('" + div_id + "', " + banner_width + ", " + banner_delay + ", " + banner_speed + ", " + this_width + ");", banner_speed);
        }
        else{
        a_tag = div_tag.getElementsByTagName("TABLE");
        div_tag.appendChild(a_tag[0]);
        div_tag.style.left = 0;
        setTimeout("banner_roll('" + div_id + "', " + banner_width + ", " + banner_delay + ", " + banner_speed + ", 0);", banner_delay);
        }
    }
    else{
    setTimeout("banner_roll('" + div_id + "', " + banner_width + ", " + banner_delay + ", " + banner_speed + ", " + this_width + ");", banner_speed);
    }
    return true;
}