var numImages;
var currPosition = 3;
var middleWidth;
var eachImageWidth = 170;
var moveOnClick = 3; // how many images to slide when you click the button
var movePixels = eachImageWidth * moveOnClick;		   
var containerWidth;
var middle = 2;

$(document).ready(function() {
	var sliderObject = $('#block-views-latest-greatest ul').find('li.slider-row');
	numImages = sliderObject.length;
	containerWidth = numImages * eachImageWidth;
	$('#block-views-latest-greatest ul li.slider-row').each(function() {
		if ($(this).hasClass('slider-row-'+middle)) {
			$(this).addClass('middle-row');
			middle += 3;
		}		
	});
	middle = null;
	
	$('#block-views-latest-greatest ul').css('width', containerWidth);
	
	$(".row-arrow-left").click(function() {
		if (currPosition > moveOnClick) {
			currPosition -= moveOnClick;
			$('#block-views-latest-greatest ul').animate({marginLeft: '+=' + movePixels.toString()}, 2000);
		}
	});
	
	$(".row-arrow-right").click(function() {
		if (currPosition < numImages) {
			currPosition += moveOnClick;
			$('#block-views-latest-greatest ul').animate({marginLeft: '-=' + movePixels.toString()}, 2000);
		}
	});
	
});