/*
	주의 : ObjectEx.js 파일과 같이 사용해야함

	생성자
		name : 객체명
		auto : 자동스크롤 여부
		scrollSize : 스크롤 간격
		interval : 스크롤 속도
		waitTime : 이미지 변경시 기다리는 시간
		orientation : 스크롤 방향


	변수 설명
		orientation : 스크롤 방향
			0 : 가로 스크롤 (SlideBox.SCROLL_HORIZONTAL)
			1 : 세로 스크롤 (SlideBox.SCROLL_VERTICAL)
*/

SlideBox.SCROLL_HORIZONTAL	= 0;	// 가로 스크롤
SlideBox.SCROLL_VERTICAL	= 1;	// 세로 스크롤


function SlideBox(name, auto, scrollSize, interval, waitTime, orientation)
{
	this.name = name;	// 객체 이름

	this.x = 0;
	this.y = 0;
	this.width = 200;
	this.height = 200;

	// 스크롤 간격
	this.scrollSize = (scrollSize == null) ? 5 : scrollSize;

	// 스크롤 이동 시간 (몇초에 한번씩 이동할것인가)
	this.interval = (interval == null) ? 50 : interval;	

	// 한 화면 스크롤후 기다리는 시간
	this.waitTime = (waitTime == null) ? 1000 : waitTime;

	// 스크롤 방향 (가로, 세로)
	this.orientation = (orientation == null) ? SlideBox.SCROLL_VERTICAL 
											 : orientation;

	// 자동 스크롤 여부
	this.isAuto = (auto == null) ? false : auto;

	this.isStop = false;
	this.isOver = false;
	this.isChange = false;

	// 스크롤할 객체들 배열
	this.itemArry = new Array();

	// 스크롤 박스
	this.box = null;

	// 타이머 핸들
	this.scrollHND = null;
}


/**
 *
 * 스크롤할 객체 등록
 *
 * param	: String, Object	obj		(스크롤할 HTML 객체)
 * return	: 없음
 */
SlideBox.prototype.addObject = function(obj)
{
	var objTmp = (typeof(obj) == "string") ? document.all[obj] : obj;
	this.itemArry.add(objTmp);

	var style = objTmp.style;
	style.position = "absolute";
	style.display = "block";
	style.visibility = "visible";
	style.posWidth = this.width;
	style.posHeight = this.height;

	var parent = objTmp.parentNode;
	parent.removeChild(objTmp);
	this.box.appendChild(objTmp);

	var objThis = window[this.name];
	objTmp.onmouseover = function(){objThis.pause();}
	objTmp.onmouseout = function(){objThis.resume();}

	var i = (this.itemArry.length - 1);
	switch(this.orientation)
	{
		case 0 :
		{
			style.posLeft = i*this.width;
			style.posTop = 0;
		}
		break;

		case 1:
		{
			style.posLeft = 0;
			style.posTop = i*this.height;
		}
		break;
	}
}


/**
 *
 * 스크롤 박스 사이즈 설정
 *
 * param	: int	width
 *			  int	height
 */
SlideBox.prototype.setSize = function(width, height)
{
	this.width = width;
	this.height = height;
}


/**
 *
 * 스크롤 이동 시간 설정
 *
 * param	: int	interval (1/1000초)
 *
 */
SlideBox.prototype.setInterval = function(interval)
{
	this.interval = interval;
}


/**
 *
 * 스크롤후 기다리는 시간 설정
 *
 * param	: int	millisecond (1/1000초)
 *
 */
SlideBox.prototype.setWaitTime = function(millisecond)
{
	this.waitTime = millisecond;
}


/**
 *
 * 자동 스크롤 설정
 *
 * param	: boolean	isAuto
 *
 */
SlideBox.prototype.setAuto = function(isAuto)
{
	this.isAuto = isAuto;
}


/**
 *
 * 스크롤 방향 설정
 *
 * param	: int	orientation
 *
 */
SlideBox.prototype.setOrientation = function(orientation)
{
	this.orientation = orientation;
}


/**
 *
 * 스크롤 간격 설정
 *
 * param	: int	size
 *
 */
SlideBox.prototype.setScrollSize = function(size)
{
	this.scrollSize = size;
}


/**
 *
 * 스크롤 간격 설정
 *
 * param	: 없음
 * return	: int	(등록된 객체의 개수)
 *
 */
SlideBox.prototype.getLength = function()
{
	return this.itemArry.length;
}


/**
 *
 * 해당 index의 이전 객체 반환
 *
 * param	: int	index
 * return	: object
 *
 */
SlideBox.prototype.getBeforeObject = function(index)
{
	if(index == 0)
		return this.itemArry[this.getLength()-1];
	else
		return this.itemArry[index-1];
}


/**
 *
 * 스크롤 박스를 화면에 그린다(?).
 *
 * param	: 없음
 * return	: 없음
 *
 */
SlideBox.prototype.paint = function()
{
	var style = "width:" + this.width + "px; height:" + this.height + "px; " +
				"left:" + this.x + "; top:" + this.y + "; overflow:hidden;" +
				"text-align:center;";
	this.content = "<div id=slidebox_" + this.name + " style='" + style + "'>" +
				   "</div>";

	document.write(this.content);
	this.box = document.all["slidebox_" + this.name];
}


/**
 *
 * 스크롤 일시 정지
 *
 * param	: 없음
 * return	: 없음
 *
 */
SlideBox.prototype.pause = function()
{
	this.isOver = true;
}


/**
 *
 * 일시 정지된 스크롤 다시 시작
 *
 * param	: 없음
 * return	: 없음
 *
 */
SlideBox.prototype.resume = function()
{
	this.isOver = false;
}


/**
 *
 * 스크롤
 *
 * param	: 없음
 * return	: 없음
 *
 */
SlideBox.prototype.scroll = function()
{
	this.isStop = false;
	if(!this.isOver && !this.isChange)
	{
		switch(this.orientation)
		{
			case SlideBox.SCROLL_HORIZONTAL :
				this.scrollHorizontal();
			break;

			case SlideBox.SCROLL_VERTICAL :
				this.scrollVertical();
			break;
		}
	}

	if(!this.isStop) this.scrollHND = setTimeout(this.name+".scroll()", this.interval);
}


/**
 *
 * 1개의 object스크롤후 기다리는 처리
 *
 * param	: 없음
 * return	: 없음
 *
 */
SlideBox.prototype.wait = function()
{
	if(this.isAuto)
	{
		this.isChange = true;
		setTimeout(this.name+".isChange=false", this.waitTime);
	}
	else
	{
		this.isStop = true;
		this.stop();
	}
}


/**
 *
 * 스크롤 시작
 *
 * param	: 없음
 * return	: 없음
 *
 */
SlideBox.prototype.start = function()
{
	this.scrollHND = setTimeout(this.name+".scroll();", this.waitTime);
}

SlideBox.prototype.stop = function()
{
	clearTimeout(this.scrollHND);
}


/**
 *
 * 스크롤 박스내의 객체들 위치 조정
 *
 * param	: int	diff
 * return	: 없음
 *
 */
SlideBox.prototype.doPosition = function(diff)
{
	var len = this.itemArry.length;
	var obj;
	for(var i=0; i<len; i++)
	{
		obj = this.itemArry[i];
		if(this.orientation == SlideBox.SCROLL_HORIZONTAL)
			obj.style.posLeft -= diff;
		else
			obj.style.posTop -= diff;
	}
}


/**
 *
 * 가로 스크롤 처리
 *
 * param	: 없음
 * return	: 없음
 *
 */
SlideBox.prototype.scrollHorizontal = function()
{
	var len = this.itemArry.length;
	var posX, obj;
	for(var i=0; i<len; i++)
	{
		posX = this.itemArry[i].style.posLeft - this.scrollSize;
		this.itemArry[i].style.posLeft = posX;
		if(posX <= (this.width * (-1)))
		{
			this.doPosition(this.width + posX);
			obj = this.getBeforeObject(i);
			posX = obj.style.posLeft + obj.style.posWidth;
			this.itemArry[i].style.posLeft = posX - (i == 0 ? this.scrollSize : 0);
			this.wait();
		}
	}

}


/**
 *
 * 세로 스크롤 처리
 *
 * param	: 없음
 * return	: 없음
 *
 */
SlideBox.prototype.scrollVertical = function()
{
	var len = this.itemArry.length;
	var posY, obj;
	for(var i=0; i<len; i++)
	{
		posY = this.itemArry[i].style.posTop - this.scrollSize;
		this.itemArry[i].style.posTop = posY;
		if(posY <= (this.height * (-1)))
		{
			this.doPosition(this.height + posY);
			obj = this.getBeforeObject(i);
			posY = obj.style.posTop + obj.style.posHeight;
			this.itemArry[i].style.posTop = posY - (i == 0 ? this.scrollSize : 0);
			this.wait();
		}
	}

}