jQuery(function($){
	
	var portfolio = $('#portfolio');
	portfolio.find('.all').addClass('hidden'); 
	portfolio.masonry({
		isAnimated: true,
		itemSelector:'.bloc:not(.hidden)',
		isFitWidth:true,
		columnWidth:210,
	});
	
	$('.filtre a').stop().click(function(e){
		var cls = $(this).attr('href').replace('#','');
		portfolio.find('.hidden').stop().animate({opacity:1}, 500);
		portfolio.find('.bloc').removeClass('hidden'); 
		portfolio.find('.bloc:not(.'+cls+')').addClass('hidden').animate({opacity:0}, 500);
		portfolio.masonry('reload'); 
		location.hash = cls;
		e.preventDefault(); 
	});

	var bloc = portfolio.find('.bloc:first'); 
	var cssi = {width:bloc.width(),height:bloc.height()};
	var cssf = null; 

	portfolio.find('a.thumb').click(function(e){
		var elem = $(this); 
		var cls = elem.attr('href').replace('#','');
		var fold = portfolio.find('.unfold').removeClass('unfold').css(cssi); 
		var unfold = elem.parent().addClass('unfold').css(cssf); 
		portfolio.masonry('reload'); 
		if(cssf == null){
			cssf = {
				width : unfold.width(),
				height: unfold.height()
			};
		}
		unfold.css(cssi).animate(cssf);
	})

	if(location.hash != ''){
		$('a[href="'+location.hash+'"]').trigger('click');
	};
	
	$(".info").hover(function(){
    	$(".legende").stop().animate({
    		bottom: "5px"
    	}, 400);
    }, function() {
    	$(".legende").stop().animate({
    		bottom: "-150px"
    	}, 400);
    });
	
	
	$(".nivoSlider a").hover(function(){
    	$(".nivo-caption").stop().animate({
    		bottom: "0px"
    	}, 400);
    }, function() {
    	$(".nivo-caption").stop().animate({
    		bottom: "-45px"
    	}, 400);
    });
});