/*========================================
js_rolling.js

#°£´Ü¼³¸í
<div><img /><img /></div>
¶ó°í ÇßÀ» °æ¿ì div¾ÈÀÇ img¸¦ À§,¿À¸¥ÂÊ,¾Æ·¡,¿ÞÂÊÀ¸·Î ·Ñ¸µ ½ÃŲ´Ù.


# »ç¿ë¹ý
<script type="text/javascript" src="js_rolling.js"></script> 
//JS½ºÅ©¸³Æ® ·Îµå

<div id='div1'><img /><img /><img /><img /><img /></div>
//ó·³ ±¸¼ºÈÄ divÀÇ ³Êºñ¿Í ³ôÀÌ´Â ²À Á¤ÇØÁֱ⠹ٶø´Ï´Ù.

var roll = new js_rolling('rolling');
or
var roll = new js_rolling(document.getElementById('rolling'));
// idÀ̸§À» Àû´øÁö, Á÷Á¢ ´ë»óÀ» Áö¸ñÇؼ­ ·Ñ¸µ Ŭ·¡½º·Î °´Ã¼¸¦ ¸¸µë

roll.set_direction(4); // ¹æÇâÀ» ¹Ù²Þ. 1: top, 2:right, 3:bottom 4:left ±×¿ÜÀÇ °æ¿ì µ¿ÀÛ¾ÈÇÔ
roll.move_gap = 1;	//¿òÁ÷ÀÌ´Â Çȼ¿´ÜÀ§
roll.time_dealy = 10; //¿òÁ÷À̴ ŸÀÓµô·¹ÀÌ
roll.time_dealy_pause = 5000;//ÇϳªÀÇ ´ë»óÀÌ »õ·Î ½ÃÀÛÇÒ ¶§ ¸ØÃß´Â ½Ã°£, 0 À̸é Àû¿ë ¾ÈÇÔ
roll.start(); //·Ñ¸µ µ¿ÀÛ

#ÁÖÀÇ
¹ÝÇâÀÌ top,bottomÀÏ °æ¿ì ³»ºÎ ű״ block¿ä¼Ò(div)·Î
¹ÝÇâÀÌ left,rightÀÏ °æ¿ì ³»ºÎű״ inline¿ä¼Ò(a,span)À¸·Î ÇØÁÖ¼¼¿ä.
FF¿¡¼­ top,bottomÀÇ °æ¿ì inline¿ä¼ÒÀÏ °æ¿ì offsetHeight¸¦ À߸ø¾Ë¾Æ¿É´Ï´Ù.


#»ç¿ëÁ¦¾à
»ç¿ë½Ã "°ø´ë¿©ÀÚ´Â ¿¹»Ú´Ù"¸¦ ³ªÅ¸³»¼Å¾ßÇÕ´Ï´Ù.

¸¸µç³¯ : 2007-06-07
¸¸µçÀÌ : mins01,mins,°ø´ë¿©ÀÚ
ȨÆäÀÌÁö : http://mins01.zerock.net 
NateOn&MSN : mins01(at)lycos.co.kr
========================================*/
var js_rolling = function(this_s){
	// ½Ã°£´ÜÀ§´Â ms·Î 1000ÀÌ 1ÃÊ
	if(this_s.nodeType==1){
		this.this_s = this_s;
	}else{
		this.this_s = document.getElementById(this_s);
	}
	this.is_rolling = false;
	this.direction = 1; //1:top, 2:right, 3:bottom, 4:left (½Ã°è¹æÇâ) // 1¹ø°ú 4¹ø¸¸ µÊ
	this.children =	null;
	this.move_gap = 1;	//¿òÁ÷ÀÌ´Â Çȼ¿´ÜÀ§
	this.time_dealy = 100; //¿òÁ÷À̴ ŸÀÓµô·¹ÀÌ
	this.time_dealy_pause = 1000;//ÇϳªÀÇ ´ë»óÀÌ »õ·Î ½ÃÀÛÇÒ ¶§ ¸ØÃß´Â ½Ã°£, 0 À̸é Àû¿ë ¾ÈÇÔ
	this.time_timer=null;
	this.time_timer_pause=null;
	this.mouseover=false;
	this.init();
	this.set_direction(this.direction);
}
js_rolling.prototype.init = function(){
	this.this_s.style.position='relative';
	this.this_s.style.overflow='hidden';
	var children = this.this_s.childNodes;
	for(var i=(children.length-1);0<=i;i--){
		if(children[i].nodeType==1){
			children[i].style.position='relative';
		}else{
			this.this_s.removeChild(children[i]);
		}
	}
	var this_s=this;
	this.this_s.onmouseover=function(){
		this_s.mouseover=true;
		if(!this_s.time_timer_pause){
			this_s.pause();
		}
	}
	this.this_s.onmouseout=function(){
		this_s.mouseover=false;
		if(!this_s.time_timer_pause){
			this_s.resume();
		}
	}	
}
js_rolling.prototype.set_direction = function(direction){
	this.direction=direction;
	if(this.direction==2 ||this.direction==4){
		this.this_s.style.whiteSpace='nowrap';
	}else{
		this.this_s.style.whiteSpace='normal';
	}
	var children = this.this_s.childNodes;
	for(var i=(children.length-1);0<=i;i--){
			if(this.direction==1){
				children[i].style.display='block';
			}else if(this.direction==2){
				children[i].style.textAlign='right';
				children[i].style.display='inline';
			}else if(this.direction==3){
				children[i].style.display='block';
			}else if(this.direction==4){
				children[i].style.display='inline';
			}
	}
	this.init_element_children();	
}
js_rolling.prototype.init_element_children = function(){
	var children = this.this_s.childNodes;
	this.children = children;
	for(var i=(children.length-1);0<=i;i--){
			if(this.direction==1){
				children[i].style.top='0px';
			}else if(this.direction==2){
				children[i].style.left='-'+this.this_s.firstChild.offsetWidth+'px';
			}else if(this.direction==3){
				children[i].style.top='-'+this.this_s.firstChild.offsetHeight+'px';
			}else if(this.direction==4){
				children[i].style.left='0px';
			}
	}
}
js_rolling.prototype.act_move_up = function(){
	for(var i = 0,m=this.children.length;i<m;i++){
		var child = this.children[i];
		child.style.top=(parseInt(child.style.top)-this.move_gap)+'px';
	}
	if((this.children[0].offsetHeight+parseInt(this.children[0].style.top))<=0){
		this.this_s.appendChild(this.children[0]);
		this.init_element_children();
		if(this.time_dealy_pause){
			var this_s = this;
			var act = function(){this_s.resume();this_s.time_timer_pause=null;}
			this.time_timer_pause = setTimeout(act,this.time_dealy_pause);
			this.pause();
		}		
	}
}
js_rolling.prototype.act_move_down = function(){
	for(var i = 0,m=this.children.length;i<m;i++){
		var child = this.children[i];
		child.style.top=(parseInt(child.style.top)+this.move_gap)+'px';
	}
	if(parseInt(this.children[0].style.top)>=0){
		this.this_s.insertBefore(this.this_s.lastChild,this.this_s.firstChild);
		this.init_element_children();
		if(this.time_dealy_pause){
			var this_s = this;
			var act = function(){this_s.resume();this_s.time_timer_pause=null;}
			this.time_timer_pause = setTimeout(act,this.time_dealy_pause);
			this.pause();
		}		
	}
}
js_rolling.prototype.act_move_left = function(){
	for(var i = 0,m=this.children.length;i<m;i++){
		var child = this.children[i];
		child.style.left=(parseInt(child.style.left)-this.move_gap)+'px';
	}
	if((this.children[0].offsetWidth+parseInt(this.children[0].style.left))<=0){
		this.this_s.appendChild(this.this_s.firstChild);
		this.init_element_children();
		if(this.time_dealy_pause){
			var this_s = this;
			var act = function(){this_s.resume();this_s.time_timer_pause=null;}
			this.time_timer_pause = setTimeout(act,this.time_dealy_pause);
			this.pause();
		}				
	}
}
js_rolling.prototype.act_move_right = function(){
	for(var i = 0,m=this.children.length;i<m;i++){
		var child = this.children[i];
		child.style.left=(parseInt(child.style.left)+this.move_gap)+'px';
	}
	
	if(parseInt(this.this_s.lastChild.style.left)>=0){
		this.this_s.insertBefore(this.this_s.lastChild,this.this_s.firstChild);
		this.init_element_children();
		if(this.time_dealy_pause){
			var this_s = this;
			var act = function(){this_s.resume();this_s.time_timer_pause=null;}
			this.time_timer_pause = setTimeout(act,this.time_dealy_pause);
			this.pause();
		}				
	}
}
js_rolling.prototype.start = function(){ //·Ñ¸µ ½ÃÀÛ
	var this_s = this;
	this.stop();
	this.is_rolling = true;
	var act = function(){
		if(this_s.is_rolling){
			if(this_s.direction==1){this_s.act_move_up();}
			else if(this_s.direction==2){this_s.act_move_right();}
			else if(this_s.direction==3){this_s.act_move_down();}
			else if(this_s.direction==4){this_s.act_move_left();}
		}
	}
	this.time_timer = setInterval(act,this.time_dealy);
}
js_rolling.prototype.pause = function(){ //ÀϽà ¸ØÃã
	this.is_rolling = false;
}
js_rolling.prototype.resume = function(){ //ÀϽà ¸ØÃã ÇØÁ¦
	if(!this.mouseover){
		this.is_rolling = true;
	}
}
js_rolling.prototype.stop = function(){ //·Ñ¸µÀ» ³¡³¿
	this.is_rolling = false;
	if(!this.time_timer){
		clearInterval(this.time_timer);
	}
	this.time_timer = null
}