$(function(){		   
	var projectImage = $("#project-image img");
	var galleryThumbs = $("ul.gallery-thumbs li a");
	//hide the loading gif
	$('#image-loading').hide();
	galleryThumbs.each(function (i){
		$(this).bind("click", function (event){
			event.preventDefault();
			//show the loading gif
			$('#image-loading').show();
			//get the pic ref
			var loadPic = $(this).attr("href");	
			//reset all boxes to non selected
			resetSelected();
			//select the clicked box
			$(this).parent().addClass("selected");
			//finaly add the image
			var objImagePreloader = new Image();
			objImagePreloader.onload = function() {				
				projectImage.attr("src", loadPic);				
				//	clear onLoad, IE behaves irratically with animated gifs otherwise
				objImagePreloader.onload=function(){};
				//hide the loading gif
				$('#image-loading').hide();
			};
			objImagePreloader.src = loadPic;			
		});
	});
});
function resetSelected(){
	var galleryThumbs = $("ul.gallery-thumbs li");
	galleryThumbs.each(function (i){
		$(this).removeClass("selected");
	});
}