$(document).ready(function() {
		
	// #################################
	// PORTFOLIO GRID
	// #################################
	$(".portfolio li").hover(function () {
		$(this).find('div.content').fadeIn("fast");
		},
		function() {
			$(this).find('div.content').fadeOut("fast");
		})	
	
	// #################################
	// IMAGE FADE OPACITY WHEN HOVER
	// #################################
	$(function() {
	
		$(".portfolio div img").css("opacity", "1");

		// ON MOUSE OVER
		$(".portfolio div img").hover(function () {

			// SET OPACITY TO 100%
			$(this).stop().animate({
			opacity: 0.5
			}, "fast");
		},

		// ON MOUSE OUT
		function () {

			// SET OPACITY BACK TO 100%
			$(this).stop().animate({
			opacity: 1
			}, "fast");
		});	
	});
	

  
	// #################################
	// Lightbox for images
	// #################################
	$(".portfolio a.folio-zoom").fancybox({
		'titlePosition'		: 'over'
	});
	
	
}); // END OF DOCUMENT READY