var ScrDirection = function(str){ ScrollingControl.direction = (str == "left") ? 4 : 2; }

var _scrollDir = 1;
var _scrollStep = 0;
var _scrMove_timer;

var scrollToDirect = function() 
{
	if( _scrollDir == 0 )
	{
		ScrollingControl.act_move_left();
	}
	else
	{
		ScrollingControl.act_move_right2();
	}			
	
	_scrollStep++;
	if( _scrollStep > 230 )
	{
		clearInterval(_scrMove_timer);
		if( _scrollDir == 1 ) ScrollingControl.act_move_right_end();

		ScrollingControl.move_gap = 1;
		ScrollingControl.direction = 4;
		
		if( ScrollingControl.is_rolling_backup ) ScrollingControl.resume();
	}

}

var MoveDirection = function(str){ 
/*
	ScrollingControl.is_rolling_backup = ScrollingControl.is_rolling;
	if( ScrollingControl.is_rolling_backup ) ScrollingControl.pause();

	if( str == "left" )
	{
		_scrollDir = 0;
		_scrollStep = 0;
		ScrollingControl.direction = 4;
		ScrollingControl.move_gap = 1;
		_scrMove_timer = setInterval(scrollToDirect,1);
	}
	else
	{
		_scrollDir = 1;
		_scrollStep = 0;
		ScrollingControl.direction = 2;
		ScrollingControl.move_gap = 1;
		_scrMove_timer = setInterval(scrollToDirect,1);
	}
*/	
	if( str == "left" )
	{
		ScrollingControl.move_left();
	}
	else
	{
		ScrollingControl.move_right();
	}
}

var js_rolling = function(box){
	if(box.nodeType==1){
		this.box = box;
	}else{
		this.box = document.getElementById(box);
	}
	this.is_rolling = false;
	this.is_rolling_backup = false;
	this.mouseover_pause = true;
	this.pause_flag = false;
	this.direction = 4;
	this.children =	null;
	this.move_gap = 1;
	this.time_dealy = 30;
	this.time_dealy_pause = 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.box.style.position='relative';
	this.box.style.overflow='hidden';
	var children = this.box.childNodes;
	for(var i=(children.length-1);0<=i;i--){
		if(children[i].nodeType==1){
			children[i].style.position='relative';
		}else{
			this.box.removeChild(children[i]);
		}
	}
	var thisC=this;
	this.box.onmouseover=function(){
		if(!thisC.mouseover_pause){	return;	}
		if( thisC.pause_flag ){	return;	}
		
		thisC.mouseover=true;
		if(!thisC.time_timer_pause){
			thisC.pause();
		}
	}
	this.box.onmouseout=function(){
		if(!thisC.mouseover_pause){return;}
		if( thisC.pause_flag ){	return;	}
		
		thisC.mouseover=false;
		if(!thisC.time_timer_pause){
			thisC.resume();
		}
	}	

}
js_rolling.prototype.set_direction = function(direction){
	this.direction=direction;
	if(this.direction==2 ||this.direction==4){
		this.box.style.whiteSpace='nowrap';
	}else{
		this.box.style.whiteSpace='normal';
	}
	var children = this.box.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.textlign='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.box.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.box.firstChild.offsetWidth+'px';
			}else if(this.direction==3){
				children[i].style.top='-'+this.box.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.box.appendChild(this.children[0]);
		this.init_element_children();
		this.pause_act();		
	}
}
js_rolling.prototype.move_up = function(){
	if(this.direction!=1&&this.direction!=3){return false;}
	this.box.appendChild(this.children[0]);
	this.init_element_children();
	this.pause_act();	
}
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.box.insertBefore(this.box.lastChild,this.box.firstChild);
		this.init_element_children();
		this.pause_act();	
	}
}
js_rolling.prototype.move_down = function(){
	if(this.direction!=1&&this.direction!=3){return false;}	
	this.box.insertBefore(this.box.lastChild,this.box.firstChild);
	this.init_element_children();
	this.pause_act();
}
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.box.appendChild(this.box.firstChild);
		this.init_element_children();
		this.pause_act();		
	}
}
js_rolling.prototype.move_left = function(){
	if(this.direction!=2&&this.direction!=4){return false;}		
	this.box.appendChild(this.box.firstChild);
	this.init_element_children();
	this.pause_act();		
}
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.box.lastChild.style.left)>=0){
		this.box.insertBefore(this.box.lastChild,this.box.firstChild);
		this.init_element_children();
		this.pause_act();		
	}
}

js_rolling.prototype.act_move_right2 = 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';
	}
}

js_rolling.prototype.act_move_right_end = function(){
	if(parseInt(this.box.lastChild.style.left)>=0){
		this.box.insertBefore(this.box.lastChild,this.box.firstChild);
		this.init_element_children();
		this.pause_act();		
	}
}


js_rolling.prototype.move_right = function(){
	if(this.direction!=2&&this.direction!=4){return false;}			
	this.box.insertBefore(this.box.lastChild,this.box.firstChild);
	this.init_element_children();
	this.pause_act();
}
js_rolling.prototype.start = function(){ //·Ñ¸µ ½ÃÀÛ
	var thisC = this;
	this.stop();
	this.is_rolling = true;
	var act = function(){
		if(thisC.is_rolling){
			if(thisC.direction==1){thisC.act_move_up();}
			else if(thisC.direction==2){thisC.act_move_right();}
			else if(thisC.direction==3){thisC.act_move_down();}
			else if(thisC.direction==4){thisC.act_move_left();}
		}
	}
	this.time_timer = setInterval(act,this.time_dealy);
}
js_rolling.prototype.pause_act = function(){ //ÀϽà µ¿ÀÛ
	if(this.time_dealy_pause){
		var thisC = this;
		var act = function(){thisC.resume();clearTimeout(thisC.time_timer_pause);thisC.time_timer_pause=null;}
		if(this.time_timer_pause){clearTimeout(this.time_timer_pause);}
		this.time_timer_pause = setTimeout(act,this.time_dealy_pause);
		this.is_rolling = false;
	}
}
js_rolling.prototype.pause = function(){ //ÀϽà ¸ØÃã
	if(this.time_timer_pause){clearTimeout(this.time_timer_pause);}
	this.is_rolling = false;
}
js_rolling.prototype.resume = function(){ //ÀϽà ¸ØÃã ÇØÁ¦
	if(!this.mouseover){
		this.is_rolling = true;
	}
}

js_rolling.prototype.force_pause = function(){ // ¸í½ÃÀû ÀϽà ¸ØÃã
	this.pause_flag = true;
	this.pause();
}
js_rolling.prototype.reset_pause = function(){ // ¸í½ÃÀû ÀϽà ¸ØÃã ÇØÁ¦
	this.pause_flag = false;
	this.resume();
}


js_rolling.prototype.stop = function(){ //·Ñ¸µÀ» ³¡³¿
	this.is_rolling = false;
	if(!this.time_timer){
		clearInterval(this.time_timer);
	}
	this.time_timer = null
}