TextSlider = function(className) {
		document.write("<div id='TextSliderPLayer_"+ className +"'><div id='TextSliderLayer_"+ className +"'></div></div>");

		this.item = [];
		this.width = this.height = this.speed = this.pixel = this.interval =
			this.size = this.moveCount = this.X = this.Y = 0;
		this.direction = "";
		this.pLayer = document.getElementById("TextSliderPLayer_"+ className);
		this.layer = document.getElementById("TextSliderLayer_"+ className);
		this.align = "left";
		this.intervalId = null;
		this.className = className;
		this.isPause = false;
	}
	TextSlider.prototype.init = function() {



		with (this.pLayer.style) {
			width = this.width+"px";
			height = this.height+"px";
			overflow = "hidden";

		}
		with (this.layer.style) {
			width = this.direction=='up' || this.direction=='down' ? this.width+"px" : this.size*(this.item.length+1)+"px";
			height = this.direction=='up' || this.direction=='down' ? this.size*(this.item.length+1)+"px" : this.height+"px";
			top = 0;
			left = 0;
			position = "relative";

		}
		for (var i=0; i<parseInt(this.height / this.size, 10)+1; i++) {
			this.item[this.item.length] = this.item[i];
		}


		switch (this.direction) {
			case "up": this.X = this.Y = 0; break;
			//case "down": this.X = 0; this.layer.style.top = this.Y = -this.size*(this.item.length-1); break;
			//case "left": this.X = this.Y = 0; break;
			//case "right": this.Y = 0; this.layer.style.left = this.X = -this.size*(this.item.length-1); break;
		}


		var __html = "<div onmouseover='"+this.className+".pause()' onmouseout='"+this.className+".unpause()'>";
		if (this.direction=='up' || this.direction=='down') {
			__html += "<table width='"+ this.layer.style.width +"' cellspacing='0' cellpadding='0' border='0'>";
			for (var i = 0 ; i < this.item.length; i++)
				__html += "<tr><td height='"+this.size+"' style='overflow:hidden' align='"+this.align+"' valign='top'>"+this.item[i]+"</td></tr>";
			__html += "</table>";
		} else {
			__html += "<table cellspacing='0' cellpadding='0' border='0'><tr>";
			for (var i = 0 ;  i < this.item.length; i++)
				__html += "<td width='"+this.size+"' height='"+ this.layer.style.height +"' align='"+this.align+"' valign='top' style='overflow:hidden;'>"+this.item[i]+"</td>";
			__html += "</tr></table>";
		}
		__html += "</div>";
		this.layer.innerHTML = __html;
		this.start();
	}
	TextSlider.prototype.start = function() {
		this.intervalId = setInterval(this.className+".move()", this.speed);
	}
	TextSlider.prototype.move = function() {
		if (this.isPause) return;
		switch (this.direction) {
			case "up": this.Y -= this.pixel; break;
			/*
			case "down": this.Y += this.pixel; break;
			case "left": this.X -= this.pixel; break;
			case "right": this.X += this.pixel; break;
			*/
		}
		if (this.direction=='up' || this.direction=='down') {
			
			if (Math.abs(this.Y)%this.size==0) this.stop();
			// mdcgood top¼Ó¼º°ªÀº ½ºÅ¸ÀÏ°ªÀ¸·Î StringÀ̹ǷΠthis.Y ¿¡ "px"À̶õ ´Ü¾î¸¦ ºÙ¿©ÁØ´Ù. 
			this.layer.style.top = this.Y+"px";
			
		} else {
			if (Math.abs(this.X)%this.size==0) this.stop();
			this.layer.style.left = this.X;
		}
	}
	TextSlider.prototype.stop = function() {
		clearInterval(this.intervalId);
		switch (this.direction) {
		case "up":
			if (Math.abs(this.Y) >= parseInt(this.layer.style.height,10)-this.size) this.Y = this.layer.style.top = 0;
			break;

		case "down":
			if (Math.abs(this.Y) <= 0) this.Y = this.layer.style.top = -this.size*(this.item.length-1);
			break;

		case "left":
			if (Math.abs(this.X) >= parseInt(this.layer.style.width,10)-this.size) this.X = this.layer.style.left = 0;
			break;

		case "right":
			if (Math.abs(this.X) <= 0) this.X = this.layer.style.left = -this.size*(this.item.length-1);
			break;
		}
		setTimeout(this.className+".start()", this.interval);
	}
	TextSlider.prototype.pause = function() {this.isPause = true;}
	TextSlider.prototype.unpause = function() {this.isPause = false;}