$(document).ready(function() {
	$('.thumb').click(function() {
		var clicked = $(this).children(".pointer").children("img").attr('id');
		var id = clicked.substr(7, 1);
		var new_src_id = "screensrc" + id;
		var new_src = $("#screensrc" + id).val();
		$("#screenshot").animate({ left: "320px" }, 100, 'linear', function() { 
			$("#screenshot").attr('src', new_src); 
			$("#screenshot").css('left', '-320px'); 
			$("#screenshot").animate({ left: "0px" }, 100, 'linear');
		});
		
		
		
		$(".pointer img").each(function (i) {
			if (clicked == this.id) {
				$(this).animate({ left: "0px" }, 200 );
			} else {
				$(this).animate({ left: "-28px" }, 200 );
			}
		});
	});
	$('#thumb1').click();
});