/**
 * HTMLWidget$Scrollbar  (ie6.0, 7.0, op 9.0, ff2.0)
 *
 * @author ilzzang (msn : nhn@ilzzang.net / email : il3e@naver.com)
 *
 * 2007/02/01 
 * 
 */

(function(){
	var a = {
		push : function() {
			for(var i=0; i < arguments.length; i++) {
				this[this.length] = arguments[i];
			}
			return this.length;
		},
		pop  : function() {
			var el = this[Math.max(this.length-1,0)];
			if (this.length) this.length--;
			return el;
		},
		shift : function() {
			var el = this[0];
			for(var i=0; i < this.length-1; i++) {
				this[i] = this[i+1];
			}
			if (this.length) this.length--;
			return el;
		},
		unshift : function() {
			var a = new Array(arguments.length+this.length);
			for(var i=a.length-1; i > -1; i--) {
				 a[i] = (i < arguments.length)?arguments[i]:this[i-arguments.length];
			}
			for(var i=0; i < a.length; i++) {
				this[i] = a[i];	
			}
		}
	};
	var f = {
		call : function(obj) {
			var r,a = [];
			obj.prototype['__jindo_call__'] = this;
			
			switch (arguments.length) {
				case 1: return obj.__jindo_call__(); break;
				case 2: return obj.__jindo_call__(arguments[1]); break;
				case 3: return obj.__jindo_call__(arguments[1],arguments[2]); break;
				default:
					for(var i=1;i<arguments.length;i++) a.push('arguments['+i+']');
					return eval('obj.__jindo_call__('+a.join(',')+')');
			}
		},
		apply : function(obj,arg) {
			var r,a = []; arg = arg || [];
			obj.prototype['__jindo_apply__'] = this;
			
			switch(arg.length) {
				case 0: return obj.__jindo_apply__();
				case 1: return obj.__jindo_apply__(arg[0]);
				case 2: return obj.__jindo_apply__(arg[0],arg[1]);
				default:
					for(var i=0;i<arg.length;i++) a.push('arg['+i+']');
					return eval('obj.__jindo_apply__('+a.join(',')+')');
			}
		}
	};
	for(var x in a) { if (typeof Array.prototype[x] == 'undefined') Array.prototype[x] = a[x] }
	for(var x in f) { if (typeof Function.prototype[x] == 'undefined') Function.prototype[x] = f[x] }
})();	 

var HTMLWidget$Scrollbar=function() {
	/* JINDO FrameWork */
	var JINDO = {
		/** @id JINDO.clone */
		clone  : function(source) {
			var obj = new source.constructor;
			for(var x in source) obj[x] = source[x];
			
			return obj;
		},
		/** @id JINDO.extend */
		extend : function(source, append) {
			var obj = source;
			for(var x in append) obj[x] = append[x];
			
			return obj;
		}
	}
	
	/** @id document.getElementByClassName */
	document.getElementsByClassName = function(className, oParent) {
		var a = [].load(($(oParent) || document.body).getElementsByTagName('*'));
		var r = new RegExp('(^|\\s)'+className+'($|\\s)','gi');
		return a.filter(function(v){ return r.test(v.className); });
	}
	
	
	/** @id $ */
	function $() {
		var ret = [];
		for(var i=0; i < arguments.length; i++) {
			if (typeof arguments[i] == 'string') {
				ret.push(document.getElementById(arguments[i]));
			} else {
				ret.push(arguments[i]);
			}
		}
		return ret[1]?ret:ret[0];
	}
	
	/** @id $A */
	function $A(collection) {
		var ret = [];
		for(var i=0; i < collection.length; i++) ret.push(collection[i]);
		return ret; 
	}
	
	/** @id $C */
	function $C(tag) {
		return document.createElement(tag);
	}
	/** @deprecated */
	$c = $C;
	
	/** @id $Agent */
	function $Agent() {
		var isOpera = !!(window.opera);
		var nu = navigator.userAgent;
		var isIE = !isOpera && /MSIE/.test(nu), ie5=false, ie55=false, ie6=false, ie7=false, macIE=false;
		
		if (isIE) {
			/MSIE ([0-9\.]+)/.exec(nu);
			var ver = parseFloat(RegExp.$1);
			switch (ver) {
				case 5   : ie5 =true; break;
				case 5.5 : ie55=true; break;
				case 6   : ie6=true; break;
				case 7   : ie7=true; break;
				default  :
			}
		}
		
		return {
			IE     : isIE,
			IE5    : isIE && ie5,
			IE55   : isIE && ie55,
			IE6    : isIE && ie6,
			IE7    : isIE && ie7,
			macIE  : isIE && macIE,
			Gecko  : /Gecko/.test(nu),
			Opera  : isOpera,
			Safari : /WebKit/.test(nu),
			KHTML  : /KHTML/.test(nu)
		};
	}
	
	/** @id Class */
	var Class = function(){
		var obj = function() {
			if (this.__init) this.__init.apply(this,arguments);
		}
		if (arguments[0]) obj.prototype = arguments[0];
		
		return obj;
	}
	
	/** @id Class.extend */
	Class.extend = function(superClass) {
		var obj = Class();	
		obj.prototype = new superClass;
		for(var i=1; i < arguments.length; i++) {
			if (arguments[i]) JINDO.extend(obj.prototype, arguments[i]);
		}
	
		return obj;
	}
	
	/** Extend Protoype of Function */
	JINDO.extend(Function.prototype, {
		/** @id Function.prototype.bind */
		bind : function(obj) {
			var f=this, a=[].load(arguments);a.shift();
			return function() {
				return f.apply(obj, a);
			}
		},
		/** @id Function.prototype.bindForEvent */
		bindForEvent : function(obj) {
			var f=this;
			return function(e) {
				return f.call(obj, Event.ready(e));
			}
		}
	});
	
	/** Extend Protoype of Array */
	JINDO.extend(Array.prototype, {
		/** @id Array.prototype.has */
		has : function(neddle) {
			for(var i=0; i<this.length; i++) {
				if (this[i] == neddle) return true;
			}
			return false;
		},
		/** @id Array.prototype.load */
		load : function(obj) {
			for(var i=0; i<obj.length; i++) {
				this.push(obj[i]);
			}
			return this;
		},
		/** @id Array.prototype.each */
		each : function(iter) {
			for(var i=0; i<this.length; i++) {
				iter(this[i],i);
			}
		},
		/** @id Array.prototype.filter */
		filter : function(iter) {
			var ret = [];
			for(var i=0; i<this.length; i++) {
				if (iter(this[i],i)) ret.push(this[i]);
			}
			return ret;
		},
		/** @id Array.prototype.map */
		map : function(iter) {
			for(var i=0; i<this.length; i++) {
				this[i] = iter(this[i],i);
			}
		},
		/** @id Array.prototype.refuse */
		refuse : function(value) {
			return this.filter(function(v){ return v!=value });
		}
	});
	
	/** If This Browser Supports "forEach", Replace "each" */
	if (Array.prototype.forEach) Array.prototype.each = Array.prototype.forEach;
	
	if (typeof Function.prototype.apply=="undefined") {
		Function.prototype.apply = function(object, params) {
			var args = [];
			object = obj || window; params = params || [];
			for (var i=0; i<params.length; i++) args.push('params['+i+']');
			object.__apply__ = this;
			var result=eval('object.__apply__('+ parameterStrings.join(', ') +')');
			object.__apply__ = null;
			return result;
		}
	}
	
	/** @id Event */
	var Event = {
		/** @id Event.register */
		register : function(oEl, sEvent, pFunc) {
			oEl = $(oEl);
			if (oEl.addEventListener) {
				oEl.addEventListener(sEvent, pFunc, false);
			} else if(oEl.attachEvent) {
				oEl.attachEvent('on'+sEvent, pFunc);
			}
		},
	
		/** @id Event.unregister */
		unregister : function(oEl, sEvent, pFunc) {
			oEl = $(oEl);
			if (oEl.removeEventListener) {
				oEl.removeEventListener(sEvent, pFunc, false);
			} else if(oEl.detachEvent) {
				oEl.detachEvent('on'+sEvent, pFunc);
			}
		},
		
		/** @id Event.ready */
	 	ready : function(evt) {
			var e = evt || window.event;
			var b = document.body;
			
			/** Extend For Browser Event */
			JINDO.extend(e, {
				element : e.target || e.srcElement,
				page_x  : e.pageX || e.clientX+b.scrollLeft-b.clientLeft,
				page_y  : e.pageY || e.clientY+b.scrollTop-b.clientTop,
				key     : {
					alt   : e.altKey,
					ctrl  : e.ctrlKey,
					shift : e.shiftKey,
					up    : [38,104].has(e.keyCode),
					down  : [40,98].has(e.keyCode),
					left  : [37,100].has(e.keyCode),
					right : [39,102].has(e.keyCode),
					enter : (e.keyCode==13)
				},
				mouse   : {
					left   : (e.which&&e.button==0)||!!(e.button&1),
					middle : (e.which&&e.button==1)||!!(e.button&4),
					right  : (e.which&&e.button==2)||!!(e.button&2)
				},
				stop : function() { Event.stop(this); 	}
			});
	
			return e;
		},
		stop : function(e) {
			if (e.preventDefault) e.preventDefault();
			if (e.stopPropagation) e.stopPropagation();
			
			e.returnValue = false;
			e.cancelBubble = true;
		}
	}
	
	
	/** @id Element */
	var Element = {
		/** @id Element.show */
		show : function() {
			[].load(arguments).each(function(v){ $(v).style.display=''; });
		},
		/** @id Element.hide */
		hide : function() {
			[].load(arguments).each(function(v){ $(v).style.display='none'; });
		},
		/** @id Element.toggle */
		toggle : function() {
			[].load(arguments).each(function(v){ Element[Element.visible(v)?'hide':'show'](v) });
		},
		/** @id Element.visible */
		visible : function(oEl) {
			return ($(oEl).style.display!='none');
		},
		/** @id Element.realPos */
		realPos : function(oEl) {
			if (oEl.offsetParent) {
				var p = this.realPos(oEl.offsetParent);
				return { top: oEl.offsetTop+p.top, left: oEl.offsetLeft+p.left };
			} else {
				return { top: oEl.offsetTop, left:oEl.offsetLeft };
			}
		},
		/** @id Element.getCSS */
		getCSS : function(oEl, name) {
			return oEl.style[name];
		},
		/** @id Element.setCSS */
		setCSS : function(oEl, css) {
			JINDO.extend(oEl.style, css);
		},
		/** @id Element.hasClass */
		hasClass : function(oEl, className) {
			return $(oEl).className.split(/\s+/).has(className);
		},
		/** @id Element.addClass */
		addClass : function(oEl, className) {
			if (!this.hasClass(oEl, className)) ($(oEl).className+=' '+className).replace(/^\s+/,'');
		},
		/** @id Element.removeClass */
		removeClass : function(oEl, className) {
			$(oEl).className = $(oEl).className.replace(new RegExp('(^|\s+)'+className+'($|\s+)','g'),'');
		}
	}

/*
	ContentsObj : $("contents"),
	ScrollbarObj : $("scrollbar"),
	ButtonUpObj : $("scrollbar_ButtonUp"),
	TrackObj : $("scrollbar_Track"),
	HandleObj : $("scrollbar_Handle"),
	ButtonDnObj : $("scrollbar_ButtonDn")
*/	
	JINDO.extend(Element,{
		getCSS2 : function(element, property) {
			if (element.style[property]) {
				return element.style[property]
			} else if (element.currentStyle) {
				return element.currentStyle[property]
			} else if (document.defaultView && document.defaultView.getComputedStyle) {
				var style = document.defaultView.getComputedStyle(element, null)
				return style.getPropertyValue(property)
			} else {
				return null
			}
		}	
	});

	var ScrollbarClass=Class({
		__init : function() {
			var opt=arguments[0];
			this._opt={
				oContentsObj : opt.ContentsObj,
				oScrollbarObj : opt.ScrollbarObj,
				oButtonUpObj : opt.ButtonUpObj,
				oTrackObj : opt.TrackObj,
				oHandleObj : opt.HandleObj,
				oButtonDnObj : opt.ButtonDnObj,
				oBrowser : $Agent()
			}
			this._def={
				oTid : null,
				iMouseDownSpeed : 100,
				bHandleDownStatus : false,
				iMouseDownTrackLayerSaveY : 0,
				doc : null
			}
			
			this._def.doc=(this._opt.oBrowser.IE==true ? document.body : document);
			this.Initialize();
		},
		Initialize : function() {
			/* ie 6.0 background »ç¿ë½Ã flicker Çö»ó ¹æÁö */
			try {document.execCommand('BackgroundImageCache', false, true);} catch(e) {}

			/* À̺¥Æ®¸¦ Á¤ÀÇÇÑ ÇÔ¼ö */
			var ButtonMouseSpeed=function() {this._def.iMouseDownSpeed=this._def.iMouseDownSpeed-50; if(this._def.iMouseDownSpeed<0) this._def.iMouseDownSpeed=0;}.bind(this);
			var ButtonUp=function() {this.setEvent("up"); this._def.oTid=setTimeout(ButtonUp,this._def.iMouseDownSpeed); ButtonMouseSpeed();}.bind(this);
			var ButtonDn=function() {this.setEvent("dn"); this._def.oTid=setTimeout(ButtonDn,this._def.iMouseDownSpeed); ButtonMouseSpeed();}.bind(this);	

			var evtButtonUpMouseUp=function() {
				this._def.iMouseDownSpeed=200;
				Event.unregister(this._def.doc,"mouseup",evtButtonUpMouseUp);															
				clearTimeout(this._def.oTid);
			}.bind(this);							

			var evtButtonDnMouseUp=function() {
				this._def.iMouseDownSpeed=200;
				Event.unregister(this._def.doc,"mouseup",evtButtonDnMouseUp);															
				clearTimeout(this._def.oTid);
			}.bind(this);							

			var evtButtonUpMouseDown=function() {
				Event.register(this._def.doc,"mouseup",evtButtonUpMouseUp);														
				ButtonUp();				
			}.bind(this);

			var evtButtonDnMouseDown=function() {
				Event.register(this._def.doc,"mouseup",evtButtonDnMouseUp);									
				ButtonDn();				
			}.bind(this);

			var evtHandlingDragStartStop=function() {return false;}
			var evtHandlingSelectStartStop=function() {return false;}			

			var evtHandleMouseUp=function() {
				Event.unregister(this._def.doc,"dragstart",evtHandlingDragStartStop); // ie	
				Event.unregister(this._def.doc,"selectstart",evtHandlingSelectStartStop); // ie											
				Event.unregister(this._def.doc,"mouseup",evtHandleMouseUp);
				Event.unregister(this._def.doc,"mousemove",evtHandleMouseMove);
				this.setEvent("handleMouseUp");
			}.bind(this);

			var evtHandleMouseDown=function() {
				Event.register(this._def.doc,"dragstart",evtHandlingDragStartStop); // ie
				Event.register(this._def.doc,"selectstart",evtHandlingSelectStartStop); // ie				
				Event.register(this._def.doc,"mouseup",evtHandleMouseUp);
				Event.register(this._def.doc,"mousemove",evtHandleMouseMove);
				this.setEvent("handleMouseDown",arguments[0]);
			}.bindForEvent(this);
			
			var evtHandleMouseMove=function() {this.setEvent("handleMouseMove",arguments[0]);}.bindForEvent(this);							
			var evtContentsMouseOverWheel=function() {this.setEvent("mouseWheel",arguments[0]);}.bindForEvent(this);
			
			/* À̺¥Æ® µî·Ï - ¹öÆ° */		
			Event.register(this._opt.oButtonUpObj,"mousedown",evtButtonUpMouseDown);					
			Event.register(this._opt.oButtonDnObj,"mousedown",evtButtonDnMouseDown);

			/* À̺¥Æ® µî·Ï - ÇÚµé */	
			Event.register(this._opt.oHandleObj,"mousedown",evtHandleMouseDown);			

			/* À̺¥Æ® µî·Ï - ÄÁÅÙÃ÷ ¸¶¿ì½º¿À¹ö½Ã ¸¶¿ì½º ÈÙ */	
			//Event.register(this._opt.oContentsObj,"mouseover",evtContentsMouseOverWheel);			

			/* ÃʱâÈ­ */
			this.setDraw("contentsPosition",0);
			this.doReset();			
		},
		doReset : function() {
			/* °¢ »çÀÌÁî üũ */
			var iContentsHeight=parseInt(Element.getCSS2(this._opt.oContentsObj,"height"));
			var iContentsScrollHeight=this._opt.oContentsObj.scrollHeight;
			var iScrollbarTrackHeight=parseInt(Element.getCSS2(this._opt.oTrackObj,"height"));
			
			var iHandleHeight=(iContentsHeight>iContentsScrollHeight ? iScrollbarTrackHeight : Math.floor((iContentsHeight*iScrollbarTrackHeight)/iContentsScrollHeight));
			var iTrackSpaceHeight=this._def.iTrackSpaceHeight=iScrollbarTrackHeight-iHandleHeight;
			var iContentSpaceHeight=this._def.iContentSpaceHeight=iContentsScrollHeight-iContentsHeight;			

			var iHandleTrackRatio=this._def.iHandleTrackRatio=2;
			var iContentsTrackRatio=this._def.iContentsTrackRatio=this._def.iContentSpaceHeight/this._def.iTrackSpaceHeight;			

			/* ±×¸®´Ù... */
			iHandleHeight==iScrollbarTrackHeight ? this.setDraw("hideScrollbar") : this.setDraw("showScrollbar"); 
			this.setDraw("handleHeight",iHandleHeight);
		},
		setDraw : function() {
			var s=arguments[0];
			var o=arguments[1];
			switch(s) {
				case "hideScrollbar" :
					Element.hide(this._opt.oScrollbarObj);
				break;
				case "showScrollbar" :
					Element.show(this._opt.oScrollbarObj);
				break;			
				case "handleHeight" :
					Element.setCSS(this._opt.oHandleObj,{height:o+"px"});
				break;
				case "handlePosition" :
					Element.setCSS(this._opt.oHandleObj,{top:o+"px"});
				break;				
				case "contentsPosition" :
					this._opt.oContentsObj.scrollTop=o;
				break;
			}			
		},
		setEvent : function() {
			var s=arguments[0];
			var evt=arguments[1],o=arguments[1];

			switch(s) {
				case "up" : 
					var iHandlePosition=parseInt(Element.getCSS2(this._opt.oHandleObj,"top"))-this._def.iHandleTrackRatio;
					if(iHandlePosition<0) {iHandlePosition=0;}				
					var iContentsTrackRatio=this._def.iContentsTrackRatio*iHandlePosition;

					this.setDraw("handlePosition",iHandlePosition);
					this.setDraw("contentsPosition",iContentsTrackRatio);
				break;
				case "dn" :	
					var iHandlePosition=this._def.iHandleTrackRatio+parseInt(Element.getCSS2(this._opt.oHandleObj,"top"));
					var iContentsTrackRatio=this._def.iContentsTrackRatio*iHandlePosition;
					if(this._def.iHandleTrackRatio>this._def.iTrackSpaceHeight-parseInt(Element.getCSS2(this._opt.oHandleObj,"top"))) {iHandlePosition=this._def.iTrackSpaceHeight;}

					this.setDraw("handlePosition",iHandlePosition);
					this.setDraw("contentsPosition",iContentsTrackRatio);
				break;
				case "handleMouseUp" :
					this._def.iMouseDownTrackLayerSaveY=0;
				break;
				case "handleMouseDown" : 				
					this._def.iMouseDownTrackLayerSaveY=(typeof(evt.layerY)=="undefined") ? evt.offsetY : evt.layerY;			
				break;
				case "handleMouseMove" : 
					var iRealPos=Element.realPos(this._opt.oTrackObj);				
					var iHandlePosition=evt.page_y-iRealPos.top-this._def.iMouseDownTrackLayerSaveY;
					var iContentsTrackRatio=this._def.iContentsTrackRatio*iHandlePosition;

					if(iHandlePosition<0) {
						iHandlePosition=0;	
					}else if(iHandlePosition>=this._def.iTrackSpaceHeight){
						iHandlePosition=this._def.iTrackSpaceHeight;
					}

					this.setDraw("handlePosition",iHandlePosition);
					this.setDraw("contentsPosition",iContentsTrackRatio);				
				break;
				case "mouseWheel" : 

				break;
			}								
		},
		setContentsInnerHTML : function() {
			var oTarget=arguments[0];			
			this._opt.oContentsObj.innerHTML=oTarget;
			this.doReset();
		},
		setContentsAppendObject : function() {
			var oOriginal=arguments[0];
			var oTarget=arguments[1];
			oOriginal.appendChild(oTarget);
			this.doReset();
		}
	});
	
	this.Class=ScrollbarClass;
}









// ----------------------------------------------------------------------------------------- //
// ----------------------------------------------------------------------------------------- //
// ----------------------------------------------------------------------------------------- //
// ----------------------------------------------------------------------------------------- //
// ----------------------------------------------------------------------------------------- //



var action_variety = {
	version : '0.9',
	auth    : 'comeonjoo'
};
var Av = action_variety; /* ±ÛÀÚ°¡ ±æ¾î¼­ ¤»*/
	// Div ·Ñ¸µ..
Av.rolling = Class.create({
	initialize: function()
	{
		this.id             = '';;   //Ç¥½Ã id
		this.direction      = '';    //¹æÇâ
		this.width          = 0;     // Ç¥½Ã °¡·Î
		this.height         = 0;     // Ç¥½Ã ¼¼·Î
		this.data           = null;  // 
		this.start_no       = 0;
		this.duration       = 0.2;
		this.delay_time     = 3;
		this.start_duration_time  =  this.duration + 0.1;
		this.start_resource = null;
		this.move_up_left    ='';
		this.move_down_right = '';
		this.now_direction = '';
		this.auto_start    = false;
		
			//var av  = this.dom_write.bindAsEventListener(this);
		//document.observe( "dom:loaded",av);
	},
	dom_write: function()
	{
		this.now_direction =  this.direction;
		var dom = "<div style='position: relative;  width: "+this.width+"px; height: "+this.height+"px; overflow: hidden;'><div id='"+this.id+"_move'>";


		var style = "width: "+this.width+"px; height: "+this.height+"px;";
	
		if( this.direction == 'right' || this.direction == 'left' ) 
		{
			for( var i=0; i< this.data.length; i++)
			{
				var left = -(this.width*(this.data.length - i ) );
				dom += "<div id='"+this.id+"_body_"+i+"'  style='"+style+"; position: absolute; left: "+left+"px;'>"+this.data[i]+"</div>";
			}
			for( var i=0; i< this.data.length; i++)
			{
				var left = this.width*i;
				dom += "<div id='"+this.id+"_body_"+(this.data.length+i)+"'  style='"+style+"; position: absolute; left: "+left+"px;'>"+this.data[i]+"</div>";
			}
		}
		if( this.direction == 'up' || this.direction == 'down' ) 
		{
			for( var i=0; i< this.data.length; i++)
			{
				var top = -(this.height*(this.data.length - i ) );
				dom += "<div id='"+this.id+"_body_"+i+"'  style='"+style+"; position: absolute; top: "+top+"px;'>"+this.data[i]+"</div>";
			}
			for( var i=0; i< this.data.length; i++)
			{
				var top = this.height*i;
				dom += "<div id='"+this.id+"_body_"+(this.data.length+i)+"'  style='"+style+"; position: absolute; top: "+top+"px;'>"+this.data[i]+"</div>";
			}
		}


		dom += "</div></div>";
		//alert(dom);
		$( this.id ).update( dom );


		if( this.auto_start == true)
		{
			this.start_resource = new PeriodicalExecuter(  this.moving.bind(this, this.direction),this.delay_time);

			Event.observe(this.id+'_move','mouseover', this.hold.bindAsEventListener(this) );
			Event.observe(this.id+'_move','mouseout', this.restart.bindAsEventListener(this) );

			if( this.move_up_left != '' && $(this.move_up_left) )
			{
				Event.observe(this.move_up_left,    'mouseover',    this.hold.bindAsEventListener(this) );
				Event.observe(this.move_up_left,    'mouseout',     this.restart.bindAsEventListener(this) );
				Event.observe(this.move_up_left,    'click',        this.start_duration_time_up.bindAsEventListener(this) );
			}
			if( this.move_down_right != '' && $(this.move_down_right)  )
			{
				Event.observe(this.move_down_right, 'mouseover', this.hold.bindAsEventListener(this) );
				Event.observe(this.move_down_right, 'mouseout',  this.restart.bindAsEventListener(this) );
				Event.observe(this.move_down_right, 'click',     this.start_duration_time_up.bindAsEventListener(this) );
			}
		}


	},
	start_duration_time_up : function()
	{
		//$('start').update( this.start_no );
		this.start_duration_time = 0; 
		new PeriodicalExecuter(  this.start_duration_time_uping.bind(this), 0.1);
	},
	start_duration_time_uping : function()
	{
		if( this.start_duration_time < 10 )
		{
			this.start_duration_time += 0.1; 
		}
	},
	hold : function()
	{
		this.start_resource.pause();
	},
	restart : function()
	{
		this.start_resource.restart();
	},
	moving : function(dr)
	{
		var dr_move = ( dr ) ? dr:this.direction;
		if( this.start_duration_time > this.duration )
		{
			if ( this.now_direction != dr_move )
			{
				this.start_no      = (this.data.length*2)-this.start_no;
				this.start_no      = ( this.start_no == (this.data.length*2) ) ? 0: this.start_no;
				this.now_direction = dr_move;
			}
			switch (dr_move)
			{
				case 'left':
					var xx       = -this.width;
					var yy       = 0;
					var interval = this.data.length * this.width;
					$(this.id+"_body_"+this.start_no).setStyle({'left':interval+'px'});
				break;
				case 'right':
					var xx       = this.width;
					var yy       = 0;
					var interval = -((this.data.length+1) * this.width);
					$(this.id+"_body_"+( (this.data.length * 2 )  -  ( this.start_no +1 ) )).setStyle({'left':interval+'px'});
				break;
				case 'up':
					var xx       = 0
					var yy       = -this.height;
					var interval =  this.data.length * this.height;
					$(this.id+"_body_"+this.start_no).setStyle({'top':interval+'px'});
				break;
				case 'down':
					var xx       = 0;
					var yy       = this.height;
					var interval = -((this.data.length+1) * this.height);
					$(this.id+"_body_"+( (this.data.length * 2 )  -  ( this.start_no +1 ) )).setStyle({'top':interval+'px'});
				break;
			}
			 
			this.start_no++;
			if( this.start_no  == (this.data.length * 2) ) this.start_no = 0;

			for( var i=0; i< this.data.length*2; i++)
			{
				new Effect.Move( this.id+'_body_'+i,  { duration: this.duration, x: xx, y: yy, transition: Effect.Transitions.sinoidal });
			}
		}
	}
		
});