
function buttonState(buttonName, buttonStatus, direction) {
	if (eval(buttonName + 'Active')) {
		bId = document.getElementById(buttonName);
		if (buttonStatus == 'over') {
			bId.src = 'images/thumbs_' + direction + '_over.gif';
		}
		else if (buttonStatus == 'out') {
			bId.src = 'images/thumbs_' + direction + '_on.gif';
		}
			
	}		
}

function nextThumbs(category) {
	thumbOffset = eval(category + "ThumbOffset");
	linkOffset = eval(category + "LinkOffset");
	totalLinks = eval(category + "TotalLinks");
	if (linkOffset + linksPerPage < totalLinks) {
		thumbOffset = thumbOffset - 516;
		eval(category + 'NextActive = true');
		bId = document.getElementById(category + 'Next');
		bId.src = 'images/thumbs_right_off.gif';
		linkOffset = linkOffset + linksPerPage;
		setTimeout("animateSlide('"+category+"')", 100);
		if (linkOffset + linksPerPage > totalLinks) {
			eval(category + "NextActive = false");
			bId.src = 'images/thumbs_right_off.gif';
		}
		// next thumbs ALWAYS means that prev should be turned on
		eval(category + "PrevActive = true");
		bId = document.getElementById(category + 'Prev');
		bId.src = 'images/thumbs_left_on.gif';
		
	}
	eval(category + "ThumbOffset = thumbOffset");
	eval(category + "LinkOffset = linkOffset");
}

function prevThumbs(category) {
	thumbOffset = eval(category + "ThumbOffset");
	linkOffset = eval(category + "LinkOffset");
	totalLinks = eval(category + "TotalLinks");
	if (linkOffset > 0) {
		thumbOffset = thumbOffset + 516;
		eval(category + 'NextActive = true');
		bId = document.getElementById(category + 'Next');
		bId.src = 'images/thumbs_right_off.gif';
		linkOffset = linkOffset - linksPerPage;
		setTimeout("animateSlide('"+category+"')", 100);
		if (linkOffset == 0) {
			eval(category + "PrevActive = false");
			bId = document.getElementById(category + 'Prev');
			bId.src = 'images/thumbs_left_off.gif';
		}
		// prev thumbs ALWAYS means that next should be turned on
		eval(category + "NextActive = true");
		bId = document.getElementById(category + 'Next');

		bId.src = 'images/thumbs_right_on.gif';
		
	}
	eval(category + "ThumbOffset = thumbOffset");
	eval(category + "LinkOffset = linkOffset");
}


function animateSlide(category) {
	moveStep = 40;
	smallStep = 9;
	leftMargin = 8;
	galleryDiv = document.getElementById(category + 'Thumbs');
	actual = eval(category + "ThumbActual");
	offset = eval(category + "ThumbOffset");
	if (actual != offset) {
	 	if (Math.abs(actual - offset) < moveStep) {
	 		moveStep = smallStep;	
	 	}
	 	if (Math.abs(actual - offset) <= smallStep) {
	 		actual = offset;	
	 	}
	 	if (actual > offset) {
	 		actual = actual - moveStep;
	 	}
	 	else if (actual < offset) {
	 		actual = actual + moveStep;
	 	}
	 	
		galleryDiv.style.left = actual + 'px';	 			
		setTimeout("animateSlide('" + category + "')", 100);
	}
	eval(category + "ThumbActual = actual");
	eval(category + "ThumbOffset = offset");

}


function newThumbs(originalRequest) {
	thumbsDiv = document.getElementById('galleryThumbs');
	thumbsDiv.innerHTML = originalRequest.responseText;
}
