$(document).ready(function() {
	
	//fadein Images
	//$(".thumb img").hide().fadeIn(1000);
	$(".portfolio-image img").hide().fadeIn(1500);
	
	//Lazy Load Images
	$(".thumb img").lazyload({ placeholder : "/img/placeholder.gif", threshold : 0, effect : "fadeIn" });
	$(".portfolio-image img").lazyload({ placeholder : "/img/placeholder.gif", threshold : 0, effect : "fadeIn" });
	

	//Fade Thumbnail on hover
	$('.view').css({opacity:0, display:'block'});//set .view-js to opaque block first
	 
	$('#showcase div a').hover(function() {
		$(this).find('.view').stop().addClass('view-js').animate({opacity:1},300);
		$(this).find('.img-bg').stop().addClass('black');
		$(this).find('img').stop().fadeTo(300, 0.5);
	}, function() {
		$(this).find('.view').stop().animate({opacity:0},300);
		$(this).find('img').stop().fadeTo(300, 1);
	});
	

	/*$('#portfolio-grid div a').hover(function() {
		$(this).find('.view').stop().animate({opacity:1},300);
	}, function() {
		$(this).find('.view').stop().animate({opacity:0},300);

	});
	
	$('.side-thumb-list li a').hover(function() {
		$(this).find('.view').stop().animate({opacity:1},300);
	}, function() {
		$(this).find('.view').stop().animate({opacity:0},300);

	});*/
	
	/*$('#showcase div a').hover(function() {
		$(this).find('.view').stop().css({opacity:0}).addClass('view-js').fadeTo(300, 1);
	}, function() {
		$(this).find('.view').stop().fadeTo(300, 0);

	});*/
	

});