f_addEvent(window, "load", initView, false);

var oSlide  = null;
var nPoint  = 0;
var aPoints = new Array();
var hInterv = null;
var nPixel  = 0;

function initView() {
	var nPos = 0;
	oSlide = document.getElementById("slide");
	if(!oSlide) return;
	for(i=0; i<oSlide.childNodes.length; i++) {
		var oImgDiv = oSlide.childNodes[i];
		oImgDiv.style.left = nPos+"px";
		aPoints[aPoints.length] = nPos;
		nPos += (oImgDiv.offsetWidth+5);
	}
}
function showPrev() {
	if(nPoint>0) {
		nPoint--;
		startMove();
	}
	return false;
}
function showNext() {
	if(nPoint<aPoints.length-1) {
		nPoint++;
		startMove();
	}
	return false;
}
function startMove() {
	if(hInterv!=null)
		clearInterval(hInterv);
	hInterv = setInterval(function() {
		if(nPixel==aPoints[nPoint]) {
			clearInterval(hInterv);
			hInterv = null;
			return;
		} else {
			if(nPixel<aPoints[nPoint]) {
				oSlide.scrollLeft = (nPixel += 5);
			} else {
				oSlide.scrollLeft = (nPixel -= 5);
			}
		}
	}, 10);
}