$(document).ready(function(){
	var start = 0;
	var end = 8;
	var parser = 0;
	// Get list of tables for each category
	var allImages = $("#content_2 img").hide();
	
	// Generate list items/links for each table and get a list of each
	allImages.each( function(index){
		$("ul#photoList").append('<li><a href="#">'+parseInt(index+1)+'</a></li>');							
	});
	var photoList = $("ul#photoList li");
	var photoListLinks = $("ul#photoList li a");

	// All tables have been hidden.  Show the first table of the fashion list.
	allImages.eq(0).show();
	photoList.eq(0).addClass('selected');
	if(photoList.length > 8) {
		photoList.hide();
		photoList.slice(start, end).show();
		insertScrollerRight();
	};

	// Set up the click events for each list
	photoListLinks.each( function(index){					   
		$(this).click( function(){	
			allImages.hide();
			
			allImages.eq(index).show();
			
			photoList.removeClass('selected');
			photoList.eq(index).addClass('selected');
		});
	});
//	function parseRight() {
//		parser++;
//		if (parser == end) scrollRight();
//		photoList.eq(parser).trigger('click');
//	}
//	function parseLeft() {
//		parser--;
//		if(parser < start) scrollLeft();
//		photoList.eq(parser).trigger('click');
//	}
	function scrollRight() {
		end++;
		start++;
		if(end == photoList.length) end = undefined;
		if(end) {
			removeScrollers();
			photoList.hide();
			photoList.slice(start, end).show();
			insertScrollerRight();
			insertScrollerLeft();
		}
		else {
			removeScrollers();
			photoList.hide();
			photoList.slice(start).show();
			insertScrollerLeft();
		}
	}

	function scrollLeft() {
		if (end){ end--;}
		else { end = photoList.length - 1;}
		start--;
		if(start > 0) {
			removeScrollers();
			photoList.hide();
			photoList.slice(start, end).show();
			insertScrollerRight();
			insertScrollerLeft();
		}
		else {
			removeScrollers();
			photoList.hide();
			photoList.slice(start, end).show();
			insertScrollerRight();
		}
	}

	function insertScrollerRight() {
		$("ul#photoList").append('<li id="scrollRight"><a href="#">&gt;</a></li>');
		$("#scrollRight a").click(scrollRight);	// change to parseRight for parse functionality (uncomment parseRight)
	}
	
	function insertScrollerLeft() {
		$("ul#photoList").prepend('<li id="scrollLeft"><a href="#">&lt;</a></li>');
		$("#scrollLeft a").click(scrollLeft);	   // change to parseLeft for parse functionality (uncomment parseLeft)
	}
	
	function removeScrollers() {
			$("#scrollLeft").remove();
			$("#scrollRight").remove();	
	}

	



});