/**
* 파일명: lib.textSlider.js
* 설 명: 뉴스 Ticker 라이브러리
* 작성자: tenshi[김군우] - jstoy project
* 날 짜: 2004-03-25
var PM = new TextSlider('PM'); // 클래스 명을 인자로 넘긴다.
PM.item_array = [ // 컨텐츠를 배열로 입력
'테스트입니다 1',
'구글입니다 2',
'테스트입니다 3'
];
PM.width = 145; // Ticker의 가로길이
PM.height = 40; // Ticker의 세로길이
PM.speed = 50; // text가 slide되는 빠르기. 단위는 ms
PM.pixel = 1; // text가 한번 slide할 때 움직일 픽셀.
PM.interval = 1000; // text가 slide된 후 다음 text가 slide되기 까지의 대기시간
PM.size = 50; // text간의 간격. height와 같거나 크게 하여야 제대로 보인다.
PM.direction = 'up'; // text가 slide될 방향
PM.align = 'left'; // text의 정렬 (left|right)
PM.init(); // TextSlider의 작동을 지시한다.
메인에 주요행사, 스피드구인에 사용
***********************************************
*/
TextSlider = function(className) {
document.write("");
this.item_array = [];
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";
position = "absolute";
}
with (this.layer.style) {
width = this.direction=='up' || this.direction=='down' ? this.width+"px" : this.size*(this.item_array.length+1)+"px";
height = this.direction=='up' || this.direction=='down' ? this.size*(this.item_array.length+1)+"px" : this.height+"px";
top = 0;
left = 0;
position = "relative";
}
if (this.speed)
{
if (this.direction=='up' || this.direction=='down')
{
for (var i=0; i";
if (this.direction=='up' || this.direction=='down') {
__html += "";
for (i=0; i" + this.item_array[i] + "";
}
__html += "
";
} else {
__html += "";
for (i=0; i"+this.item_array[i]+"";
__html += "
";
}
__html += "";
this.layer.innerHTML = __html;
this.start();
}
TextSlider.prototype.start = function() {
if (this.speed)
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();
this.layer.style.top = this.Y;
} 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_array.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_array.length-1);
break;
}
setTimeout(this.className+".start()", this.interval);
}
TextSlider.prototype.pause = function() {this.isPause = true;}
TextSlider.prototype.unpause = function() {this.isPause = false;}
/* 배너 스크롤 (메인 오일장터에 사용)
banner_roll("div태그 id", 배너1개높이, 딜레이, 1칸이동속도, 0);
*/
var banner_1_mouseEvent = 1;
function banner_roll(div_id, banner_height, banner_delay, banner_speed, this_height){
if(eval(div_id + "_mouseEvent")){
var div_tag = document.getElementById(div_id);
var a_tag, i;
this_height++;
if(this_height < banner_height){
div_tag.style.top = 0;
setTimeout("banner_roll('" + div_id + "', " + banner_height + ", " + banner_delay + ", " + banner_speed + ", " + this_height + ");", banner_speed);
}
else{
a_tag = div_tag.getElementsByTagName("TABLE");
div_tag.appendChild(a_tag[0]);
div_tag.style.top = 0;
setTimeout("banner_roll('" + div_id + "', " + banner_height + ", " + banner_delay + ", " + banner_speed + ", 0);", banner_delay);
}
}
else
{
setTimeout("banner_roll('" + div_id + "', " + banner_height + ", " + banner_delay + ", " + banner_speed + ", " + this_height + ");", banner_speed);
}
return true;
}