//롤 이미지 움직이는 클래스 정의
//현재 좌우는 구현이 다 안됨

function class_MoveScroll()
{
	//private 변수
	var m_nowpage = 0; //내부에서만 쓰는 현재 페이지
	var m_position = 0; //움직이는 객체의 위치
	var m_Timerid = null; //시간 객체
	var m_moveobj = null;
	var m_movepixel = 1; //이동픽셀
	
	//public 변수
	this.MoveID = null; //이동하는 객체의 ID 태그값
	this.Direction = "top"; //이동방향 - top or left
	this.ObjSize = 0; //개체의 너비 (또는 높이)
	this.TotalCount = 0; //전체 상품수
	this.TotalPage = 0; //전체 페이징 갯수
	this.ViewSize = 0; //페이지당 보기수
	this.SlideSpeed = 1; //이동의 실행 주기 (마이크로 초)
	this.Movepixel = 8; //slidespeed마다 움직일 픽셀사이즈
	
	//public 함수 정의
	//객체아이디, 이동방식, 객체기본사이즈, 전체갯수, 페이지당보기수, 이동속도, 속도당 이동픽셀
	this.makeRoll = function (p_moveid, p_dir, p_size, p_total, p_view, p_speed, p_pixel) {
		m_moveobj = document.getElementById(p_moveid);
		this.Direction = p_dir;
		this.ObjSize = p_size;
		this.TotalCount = p_total;
		this.ViewSize = p_view;
		this.SlideSpeed = p_speed;
		m_movepixel = p_pixel;
		this.Movepixel = m_movepixel;
		this.TotalPage = Math.ceil(p_total / p_view) - 1;
		if (p_size % p_pixel != 0){
			alert("객체의 사이즈는 이동픽셀 단위의 배수이어야 합니다.");
		}
	};
	
	this.move = function (p_dir){
		switch (p_dir){
			case "up":
				this.moveup(); break;
			case "down":
				this.movedown(); break;
			case "left":
				this.moveprev(); break;
			case "right":
				this.movenext(); break;
		}		
	};
		
	this.moveup = function (){
		if (m_nowpage <= 1) {m_nowpage = 0;}
		else {m_nowpage -= 1;}
		m_position = -(this.ViewSize * this.ObjSize * m_nowpage);
		clearInterval(m_Timerid);
		m_Timerid = setInterval(this.moveslidedown, this.SlideSpeed);
	};
	
	this.movedown = function (){
		if (m_nowpage >= this.TotalPage) {m_nowpage = this.TotalPage;}
		else {m_nowpage += 1;}
		m_position = -(this.ViewSize * this.ObjSize * m_nowpage);
		clearInterval(m_Timerid);
		m_Timerid = setInterval(this.moveslideup, this.SlideSpeed);
	};
	
	this.moveslideup = function(){
		if (m_position != parseInt(m_moveobj.style.top)){
			m_moveobj.style.top = parseInt(m_moveobj.style.top) - m_movepixel;
		} else {
			clearInterval(m_Timerid);
		}
	};
	
	this.moveslidedown = function(){
		if (m_position != parseInt(m_moveobj.style.top)){
			m_moveobj.style.top = parseInt(m_moveobj.style.top) + m_movepixel;
		} else {
			clearInterval(m_Timerid);
		}
	};
	
	this.moveprev = function(){
		if (m_nowpage <= 1) {m_nowpage = 0;}
		else {m_nowpage -= 1;}
		moveleft = -(this.ViewSize * this.ObjSize * m_nowpage);
		clearInterval(m_Timerid);
		m_Timerid = setInterval(this.moveslideright, this.SlideSpeed);
	};
	
	this.movenext = function(){
		if (m_nowpage >= this.TotalPage) {m_nowpage = this.TotalPage;}
		else {m_nowpage += 1;}
		moveleft = -(this.ViewSize * this.ObjSize * m_nowpage);
		clearInterval(m_Timerid);
		m_Timerid = setInterval(this.moveslideleft, this.SlideSpeed);	
	};
	
	this.moveslideleft = function(){
		if (m_position != parseInt(m_moveobj.style.left)){
			m_moveobj.style.left = parseInt(m_moveobjD.style.left) - m_movepixel;
		} else {
			clearInterval(m_Timerid);
		}
	};
	
	this.moveslideright = function(){
		if (m_position != parseInt(m_moveobj.style.left)){
			m_moveobj.style.left = parseInt(m_moveobj.style.left) + m_movepixel;
		} else {
			clearInterval(m_Timerid);
		}
	};
};