function Scroller(startPos, dispCnt, rollCnt)
{
	this.idArrays = null;
	this.dispCnt = dispCnt;
	this.startPos = startPos;	
	this.rollCnt = rollCnt;
}

Scroller.prototype.goPrev = function() {
	this.startPos = this.startPos - this.rollCnt;
	if(this.startPos < 0) {
		this.startPos = 0;	
	}	
	
	var endPos = this.startPos + this.dispCnt;
	if(endPos > this.idArrays.length) {
		endPos = this.idArrays.length;
	}

//	for(i=0; i<this.idArrays.length; i++) {
//		var el = document.getElementById(this.idArrays[i]);
//		el.style.display = 'none';
//	}
	
	var dispJ = 1;
	for(i=this.startPos; i<endPos; i++) {
		var el = document.getElementById(this.idArrays[i]);
		var elTarg = document.getElementById("starImg"+dispJ);
		this.makeTemplate(el, elTarg);
		dispJ++;
	}			
}

Scroller.prototype.goNext = function() {
	if(this.startPos < 0) {
		this.startPos = 0;	
	}	
	
	this.startPos = this.startPos + this.rollCnt;
	
	var endPos = this.startPos + this.dispCnt;
	if(endPos > this.idArrays.length) {
		this.startPos = this.idArrays.length - this.rollCnt;
		endPos = this.idArrays.length;
	}				

//	for(i=0; i<this.idArrays.length; i++) {
//		var el = document.getElementById(this.idArrays[i]);
//		el.style.display = 'none';
//	}
	
	var dispJ = 1;
	for(i=this.startPos; i<endPos; i++) {
		
		var el = document.getElementById(this.idArrays[i]);
		var elTarg = document.getElementById("starImg"+dispJ);
		this.makeTemplate(el, elTarg);
		dispJ++;
	}				
}	

Scroller.prototype.makeTemplate = function(el, elTarg) {
	elTarg.innerHTML = "";

	// attribute값 불러오기
	var bbsCd = el.getAttribute("bbsCd");
	var bltnCntSeq = el.getAttribute("bltnCntSeq");
	var img1 = el.getAttribute("img1");
	var regDt = el.getAttribute("regDt");
	var regId = el.getAttribute("regId");
	
	//하위 엘리먼트 생성(이미지)
	var img = document.createElement("img");
	img.setAttribute("src", img1);
	img.setAttribute("width", 118);
	img.setAttribute("height", 143);
//	img.setAttribute("alt", this.idArrays[i]);
	
	// 링크 엘리먼트 생성 및 하위 엘리먼트 병합
	var aLink = document.createElement("A");
	aLink.setAttribute("href", "#");
//	aLink.setAttribute("onClick", "viewCnt('" + bbsCd + "', " + bltnCntSeq + ")");
	aLink.onclick = function() {//IE, FF에서 동작시키기 위해 콜백함수로 구현
		viewCnt('' + bbsCd + '', bltnCntSeq);
	}
	aLink.appendChild(img);

	//등록일자 엘리먼트 생성
	var txt = document.createTextNode(regDt);

	//등록자 엘리먼트 생성
	var txt2 = document.createTextNode(" " + regId);
	var stng = document.createElement("strong");
	stng.appendChild(txt2);

	elTarg.appendChild(aLink);//최상위 엘리먼트에 생성된 엘리먼트 병합
	elTarg.appendChild(txt);
	elTarg.appendChild(stng);	
}

//Scroller.prototype.setDisp = function(startIdx, endIdx) {
//	var stdIdx = startIdx;
//	var edIdx = endIdx;
//	if(stdIdx < 0) {
//		stdIdx = 0;
//	}
//	if(edIdx > this.idArrays.length - 1) {
//		edIdx = this.idArrays.length - 1;
//	}
//	if(stdIdx > edIdx) {
//		return;
//	}
//	else {
//		for(i=0; i<this.idArrays.length; i++) {
//			var el = document.getElementById(this.idArrays[i]);
//			el.style.display = 'none';
//		}
//		
//		for(i=stdIdx; i<=edIdx; i++) {
//			var el = document.getElementById(this.idArrays[i]);
//			el.style.display = 'block';
//		}	
//	}
//}

Scroller.prototype.add = function(elemId)
{
	if(this.idArrays == null) {
		this.idArrays = new Array();
	}
	
	this.idArrays[this.idArrays.length] = elemId;
//	this.idArrays[this.idArrays.length] = document.getElementById(elemId).innerHTML;
	
	if(this.idArrays.length - 1 < this.startPos || this.idArrays.length > (this.startPos + this.dispCnt)) {
			var el = document.getElementById(elemId);
			el.style.display = 'none';
	}

}