var slideGrpPrevImg = document.getElementById('slideGrpPrevImg');
var slideGrpNextImg = document.getElementById('slideGrpNextImg');

var movingSlideGrp = false;

function _slidePRGrp (featNum) {
	if (movingSlideGrp)
		return;
	var slideGrpDiv = document.getElementById('slideGrpDiv');
	var endPos = -1 * 609 * (featNum - 1);
	var curPos = slideGrpDiv.style.marginLeft.substring(0, slideGrpDiv.style.marginLeft.length - 2);
	if (endPos == curPos)
		return;
		
	movingSlideGrp = true;
	var speed = 0.5;

	var timer = 0; 

	// move to the right
	if (curPos > endPos) { 
		curPos = curPos - 200; 
		for (i=curPos; i >= endPos; i--) {
			setTimeout('_slideGrp(\'' + i + '\');', speed * timer);
			timer++; 
		} 
	}
	else {// move to the left 
		curPos = (curPos * 1) + 200; // * 1 MAKES SURE curpos is a number!
		for (i=curPos; i <= endPos; i++) { 
			setTimeout('_slideGrp(\'' + i + '\');', speed * timer);
			timer++; 
		}
	}
	setTimeout('_clearMoving();', (speed * timer) + 200); // extra 200 milliseconds just to be safe
	
	if (endPos == 0)
	{
		slideGrpPrevImg.src = '/images/btn-prev-disabled.gif';
		slideGrpPrevImg.onmouseover = '';
		slideGrpPrevImg.onmouseout = '';
		slideGrpPrevImg.style.cursor = 'default';
		
		slideGrpNextImg.src = '/images/btn-next.gif';
		slideGrpNextImg.onmouseover = function () { this.src='/images/btn-next-on.gif'; };
		slideGrpNextImg.onmouseout = function () { this.src='/images/btn-next.gif'; };
		slideGrpNextImg.style.cursor = '';

		document.getElementById('curFeatGrp').innerHTML = '1/2';
	}
	else
	{
		slideGrpPrevImg.src = '/images/btn-prev.gif';
		slideGrpPrevImg.onmouseover = function () { this.src='/images/btn-prev-on.gif'; };
		slideGrpPrevImg.onmouseout = function () { this.src='/images/btn-prev.gif'; };
		slideGrpPrevImg.style.cursor = '';
		
		slideGrpNextImg.src = '/images/btn-next-disabled.gif';
		slideGrpNextImg.onmouseover = '';
		slideGrpNextImg.onmouseout = '';
		slideGrpNextImg.style.cursor = 'default';
		
		document.getElementById('curFeatGrp').innerHTML = '2/2';
	}
}

function _slideGrp(margin) {
	document.getElementById('slideGrpDiv').style.marginLeft = margin + 'px';
}				
function _clearMoving() {
	movingSlideGrp = false;
}				

slideGrpPrevImg.style.cursor = 'default';
slideGrpNextImg.src = '/images/btn-next.gif';
slideGrpNextImg.onmouseover = function () { this.src='/images/btn-next-on.gif'; };
slideGrpNextImg.onmouseout = function () { this.src='/images/btn-next.gif'; };