// Number of Slides your slider will have
var numSlides = 4;
// Number of images each slide will have
var numImages = 3;
// ID of element to click left:
var leftArrow = "#left-arrow a img";
// ID of element to click right:
var rightArrow = "#right-arrow a img";

// ID of Slide Wrapper
var slideWrapper = ".slide-wrap";
// Code
var curSlide = 0;
var slideWidth;
var childWidth;
var curLocation = 0;
$(document).ready(function() {
	// Setting up the width of everything
	childWidth = jQuery(slideWrapper + ' li').width(); // good
	slideWidth = childWidth * numImages; // good
	jQuery(slideWrapper + ' ul').width(childWidth * numImages * numSlides);
	jQuery(slideWrapper).width(slideWidth);
	jQuery(leftArrow).click( function() {
		slideRight();
	});
	jQuery(rightArrow).click( function() {
		slideLeft();
	});
});
function slideLeft() {
	if (curSlide < numSlides - 1) {
		if (curSlide == 0) {
			jQuery(leftArrow).fadeIn();
		}
		curLocation = curLocation - slideWidth;
		jQuery(slideWrapper + " ul").animate({left: curLocation }, "slow");
		curSlide++;
	}
	if (curSlide == numSlides - 1) {
		jQuery(rightArrow).fadeOut();
	}

}
function slideRight() {
	if (curSlide > 0) {
		if (curSlide == numSlides - 1) {
			jQuery(rightArrow).fadeIn();
		}
		curLocation = curLocation + slideWidth; 
		jQuery(slideWrapper + " ul").animate({left: curLocation }, "slow");
		curSlide--;
	}
	if (curSlide == 0) {
		jQuery(leftArrow).fadeOut();
	}
}