$(function(){
	
	// add animation effect
	$('a.thumbnail').click(function(){ 
		$('.expandable').addClass('on').filter(this.hash).slideToggle('slow');
		return false;		
	});
	
	// trigger to close all expandable divs
	$('.close').click(function(){
		$('.expandable').slideUp('slow');
	return false;
	});
	
	// thumbnail fade in and fade out effect
	$('.thumbnail img').stop().animate({opacity : 0.7}, 200);
	$('.thumbnail img').hover( function() {
	 
	$(this).stop().animate({opacity : 1 }, 200);
	 }, function () {
	$(this).stop().animate({opacity : 0.5 }, 200);
 	 }
	); 
});