$(document).ready(function(){
							 
	fadedstate = false;
	
	/*
	$("div.projectImage").hover(
	  function(){
		if( !$(this).hasClass("faded") ){
			$(this).find("span.textRollover").fadeIn(200);
		}
	  },
	  function(){
		$(this).find("span.textRollover").fadeOut(200);
	  }
	);
	*/
	
	$("a.keywordFilter").click(
	  function(){
		
		if(fadedstate == false){
			
			// Start the fade
			
			var lastClassName = $(this).attr('class').split(' ').slice(-1);		
			$("div.projectImageWebsite:not(."+lastClassName+")").fadeTo(400, 0.1);
			$("div.projectImageWebsite:not(."+lastClassName+")").addClass("faded");
			$("a.keywordClear").fadeIn(400);
			$(this).css('background-color',' #EA0000');
			
			fadedstate = true;
		
		} else {
			
			// We already have faded items
			
			/*
			// Refines by an additional keyword
			$(this).css('background-color',' #EA0000');
			var lastClassName = $(this).attr('class').split(' ').slice(-1);		
			$("div.projectImageWebsite:not(."+lastClassName+")").fadeTo(400, 0.15);
			$("div.projectImageWebsite:not(."+lastClassName+")").addClass("faded");
			*/
			
			
			// Rerefine to suit new keyword only
			$("p#refinekeywords a.keywordFilter").css('background-color',' #B2B2B2');
			$(this).css('background-color',' #EA0000');
			// Fade out the now redundant items
			var lastClassName = $(this).attr('class').split(' ').slice(-1);		
			$("div.projectImageWebsite:not(."+lastClassName+")").fadeTo(400, 0.1);
			$("div.projectImageWebsite:not(."+lastClassName+")").addClass("faded");
			
			// Fade in new matching items
			$("div.projectImageWebsite.faded."+lastClassName).fadeTo(400, 1.0);
			$("div.projectImageWebsite.faded."+lastClassName).removeClass("faded");
						
		}
		
	  },
	  function(){
		$("div.projectImageWebsite").fadeTo(400, 1.0);
	  }
	);
	
	$("a.keywordClear").click(
	  function(){
		$("div.projectImageWebsite").fadeTo(400, 1.0);
		$("a.keywordClear").fadeOut(400);
		$("p#refinekeywords a.keywordFilter").css('background-color',' #B2B2B2');
		// Set hover back to red
		//$("p#refinekeywords a.keywordFilter:hover").css('background-color',' #0099CC');
		$("div.projectImageWebsite").removeClass("faded");
		fadedstate = false;
	  }
	);
	
  });