// cufon replacement
	// navigation
	Cufon.replace("ul#navigation", { hover: true });
	// headings
	Cufon.replace("h1");
	Cufon.replace("div.projectDescription h3");

$(document).ready(function() {

	// portfolio
		
		// show overview
		/*
		$("a.showProject").hover( function () {
    		$("div.projectOverview").hide(); // hide if already shown
    		
    		var currentOverview = $(this).attr("rel"); // set overview to load
			$("div#project-"+currentOverview+" div.projectOverview").fadeIn(); // show selected overview
  		}, function () {
			$("div.projectOverview").fadeOut("fast");
		});
		*/
		
		// show project
		$("a.showProject").click( function() {
			$("a.closeProject").remove(); // remove close link
			$("div.projectDetail").hide(); // hide if already shown
		
			var currentProject = $(this).attr("rel"); // set project to load
			$("div#project-"+currentProject+" div.projectDetail").fadeIn(); // load selected project
			
			// add the close project link on the fly
			$("div.projectDetail").append($("<a class=\"closeProject\" href=\"#\" title=\"close\">close</a>"));
			
			return false;
		});
		
		// close project
		$("a.closeProject").live("click", function() {
			$("div.projectDetail").fadeOut("fast");
			$("a.closeProject").remove();
			
			return false;
		});
		
		// thumbs
		$("div.projectThumbs a").click( function() {
			var currentThumbsRef = "div#" + $(this).closest("div.project").attr("id"); // get the id of the current project
			var newImg = $(this).attr("href"); // get the img link
			
			$(currentThumbsRef + " div.projectThumbs a").removeClass("selectedThumb"); // remove selected class from the current image
			$(this).addClass("selectedThumb"); // add selected class
			$(currentThumbsRef + " img.currentImg").attr("src", newImg); // update the main image
			
			return false;
		});
		
});