/* =Realistic Navigation
============================================================================== */

	// Begin jQuery
	
	$(document).ready(function() {


	/* =Shadow Nav
	-------------------------------------------------------------------------- */
	
		// Append span to each LI to add reflection
		
		var $portfolioItem = jQuery('.item');
		$portfolioItem.find('.item-image').css('');
		jQuery('.zoom-icon, .more-icon').css('opacity','0');

		
		$portfolioItem.hover(function(){
			jQuery(this).find('.item-image').stop(true, true).animate({top: -10}, 500).find('img.portfolio').stop(true, true).animate({opacity: 1},500);
			jQuery(this).find('.zoom-icon').stop(true, true).animate({opacity: 1, left: 43},400);
			jQuery(this).find('.more-icon').stop(true, true).animate({opacity: 1, left: 110},400);
		}, function(){
			jQuery(this).find('.zoom-icon').stop(true, true).animate({opacity: 0, left: 31},400);
			jQuery(this).find('.more-icon').stop(true, true).animate({opacity: 0, left: 128},400);
			jQuery(this).find('.item-image').stop(true, true).animate({top: 0}, 500).find('img.portfolio').stop(true, true).animate({opacity: 1},500);
		});

	
						
	// End jQuery
	
	});