
function RollRight() {
	if (inProcess)
		resetRollRight();
	nextPic = (nextPic == (numImgs - 1)) ? 0 : nextPic += 1;
	var oldSlide = 'image' + ((oneIsOn) ? 1 : 2);
	var newSlide = 'image' + ((!oneIsOn) ? 1 : 2);
	oneIsOn = !oneIsOn;
	topDimension = tp = 0;
	rightDimension = lt = rt = getElementWidth(oldSlide);
	leftDimension = 0;
	bottomDimension = bt = getElementHeight(oldSlide);
	setClip(newSlide, tp, rt, bt, lt);
	slideLt = getEl(oldSlide).style.left;
	slideTp = getEl(oldSlide).style.top;
	oldS = oldSlide;
	newS = newSlide;
	getEl(oldSlide).style.zIndex = 1;
	getEl(newSlide).style.zIndex = 5;
	transMoveTo(getEl(newSlide), -rightDimension, 0); // Minus!
	getEl(oldSlide).style.visibility = 'visible';
	getEl(newSlide).style.visibility = 'visible';
	inProcess = true;
	timerID = setInterval("rollRight('" + oldSlide + "','" + newSlide + "')", delay);
}

function resetRollRight() {
	getEl(oldS).style.visibility = 'hidden';
	clearInterval(timerID);
	setClip(oldS, topDimension, rightDimension, bottomDimension, leftDimension);
	getEl(oldS).style.left = slideLt;
	getEl(oldS).style.top = slideTp;
	setClip(newS, topDimension, rightDimension, bottomDimension, leftDimension);
	getEl(newS).style.left = slideLt;
	getEl(newS).top = slideTp;
	getEl(oldS).src = imgAry[nextPic].src;
	inProcess = false;
}

function rollRight(oldSlide, newSlide) {
	lt -= (step * 2);
	if (lt <= leftDimension)
		resetRollRight();
	else {
		setClip(oldSlide, tp, lt, bt, leftDimension);
		setClip(newSlide, tp, rt, bt, lt);
		transMoveTo(getEl(oldSlide), (step * 2), 0);
		transMoveTo(getEl(newSlide), (step * 2), 0);
	}
}

