function loadSlide( project, slide )
{
	// get the current highlighted thumbnail
	var currentThumb = $( "div#thumbs img.current_thumb" ).removeClass( "current_thumb" ).attr( "id" );
	var thumbId = currentThumb.replace( "thumb", "" );
	
	// unhighlight the old thumb and highlight the new thumb
	document.getElementById( currentThumb ).src = "images/projects/" + project + "/" + thumbId + "_th.jpg";
	document.getElementById( "thumb" + slide ).src = "images/projects/" + project + "/" + slide + "_th_ov.jpg";
	
	// setup the old thumb mouseover and mouseout
	document.getElementById( currentThumb ).onmouseover = function(){
		this.src = "images/projects/" + project + "/" + thumbId + "_th_ov.jpg";
		};
	document.getElementById( currentThumb ).onmouseout = function(){
		this.src = "images/projects/" + project + "/" + thumbId + "_th.jpg";
		};
	
	// clear the new thumb mouseover and mouseout
	document.getElementById( "thumb" + slide ).onmouseover = "";
	document.getElementById( "thumb" + slide ).onmouseout = "";
	
	// set the class of the new highlighted thumb
	$( "div#thumbs img#thumb" + slide ).addClass( "current_thumb" );
	
	// load the slide
	document.getElementById( "slide_img" ).src = "images/projects/" + project + "/" + slide + ".jpg";
}