jQuery(document).ready(function() {

	$("#projectnav_02").hide();

	$("#more").click(function () { 
		$("#projectnav_01").hide();
		$("#projectnav_02").fadeIn("slow");
	 });

	$("#back").click(function () { 
		$("#projectnav_02").hide();
		$("#projectnav_01").fadeIn("slow");
	 });
	
	
	//On mouse over those thumbnail
	$('.cap240').hover(function() {


		//Display the caption
		$(this).find('div.caption').stop(false,true).fadeIn(200);
	},
	function() {

		//Hide the caption
		$(this).find('div.caption').stop(false,true).fadeOut(200);
	});
	
	
	//On mouse over those thumbnail
	$('.cap300').hover(function() {


		//Display the caption
		$(this).find('div.caption').stop(false,true).fadeIn(200);
	},
	function() {

		//Hide the caption
		$(this).find('div.caption').stop(false,true).fadeOut(200);
	});

});