$(document).ready(function(){
	
	$("#debugWindow").text("test");

	//
	// ---------------------------------
	// ----- SWAP INFO BOX CONTENT -----
	// ---------------------------------
	//
	
	$("#infoBox").fadeTo(2000, 0.1);
	
	$("#infoBox").hover(
		function () {
			$(this).fadeTo("fast", 0.9);
		},
		function () {
			$(this).fadeTo("slow", 0.1);
		}	
	);

	//
	// -------------------------------
	// ----- SLIDING SIDE PANELS -----
	// -------------------------------
	//
	
	$(".slidingPanel").hover( 
		function () {
			$(this).stop().animate({ 
				left:0
      		}, 500 );
		},
		function () {
			$(this).stop().animate({ 
				left:-625
      		}, 200 );
		}
	);
	//
	// ---------------------------------
	// ----- FOLDABLE PROJECT INFO -----
	// ---------------------------------
	//	
	
	$(".projectListItem").children().filter(".projectInfo").css({
		display:"none"					 
	});
	
	$(".projectListItem").hover( 
		function () {
			$(this).children().filter(".projectInfo").slideDown("fast");					   
		},
		function () {
			$(this).children().filter(".projectInfo").slideUp("fast");	
		}
	);
	
});