// JavaScript Document

jQuery(document).ready(function($) {
		
		$("a[rel*=facebox]").facebox();
		
		$("div#work ul li").each(
			
			function(){
				
				// When a link is clicked
				$(this).find("a").mouseover(function() {
					
					$(this).parent().parent().find("li.work-image").fadeTo("fast", 0.2);
					
					$(this).parent().parent().find("li.work-title").show().fadeTo("slow", 1);
				  
				});
				
				$(this).find("a").mouseout(function() {
					
					$(this).parent().parent().find("li.work-image").fadeTo("slow", 1);
					
					$(this).parent().parent().find("li.work-title").show().fadeTo("fast", 0);
				  
				});
				
			}
			
		);

});