$(document).ready(function() {
	// create a div for the links
	$("#slides").after("<div id=\"slides_menu\"><ul><li id=\"snapback\"><a href=\"#\" title=\"Previous slide\">&laquo; Back</a></li><li id=\"snapmore\"><a href=\"#\" title=\"Next slide\">Next &raquo;</a></li></ul></div>");
	
	// number of slides
	var numSlides = 7;
	var current = 0;
	var imgSize = 160;
	var leftPx;
	
	// assign event handlers to slide
	$("#snapback a").bind("click", function() {
		if (current > 0) {
			leftPx = -1*(current-1)*imgSize;
			$("#slides ul").animate({left: leftPx}, "fast");
			current--;
		}
		return false;
	});
	
	$("#snapmore a").bind("click", function() {
		if (current < numSlides-1) {
			leftPx = -1*(current+1)*imgSize;
			$("#slides ul").animate({left: leftPx}, "fast");
			current++;
		}
		return false;
	});
});