$(function() {
    $('#screenshot_controls a').click(function(e) {
		e.preventDefault();
		var $this = $(this);
		var $clickedLink = $this;
		var $li = $this.closest('li');
		var marginLeft = 0;
		if ($li.hasClass('previous')) {
			$clickedLink = $li.closest('ul').find('li.active').prev();
			if ($clickedLink.hasClass('previous')) {
				$clickedLink = $clickedLink.next();
			}
			$clickedLink = $clickedLink.find('a');
		} else if ($li.hasClass('next')) {
			$clickedLink = $li.closest('ul').find('li.active').next();
			if ($clickedLink.hasClass('next')) {
				$clickedLink = $clickedLink.prev();
			}
			$clickedLink = $clickedLink.find('a');
		}
		marginLeft = ((parseInt($clickedLink.text()) - 1) * -164);
		$('#screenshot_window ul').stop().animate({marginLeft:(marginLeft + 'px')}, 500);
		$li.closest('ul').find('li.active').removeClass('active');
		$clickedLink.closest('li').addClass('active');
	});
});