$(function(){

var speed = 50;

$('#wrap').masonry({
    singleMode: true, 
    // only apply masonry layout to visible elements
    itemSelector: '.box:not(.invis)',
    animate: false,
    animationOptions: {
        duration: speed,
        queue: false
    }
});

	$('#close-button').click(topBarHide);
    $('#handle img').click(topBarShowHandle);
function topBarShow(){
	$('#info').delay(2000).slideToggle('fast');
}
function topBarShowHandle(){
	$('#info').slideToggle('fast');
}
function topBarHide(){
$('#info').slideUp('fast');return false;
}

$("#filtering-nav a.web").click(function() {
 $(".box").stop().animate({opacity : 1});
$(".box:not(.web)").stop().animate({opacity : 0.2}); 
return false;
});

$("#filtering-nav a.print").click(function() {
 $(".box").stop().animate({opacity : 1});
$(".box:not(.print)").animate({opacity : 0.2}); 
return false;
});

$("#filtering-nav a.all").click(function() {
 $(".box").stop().animate({opacity : 1});
return false;
});



});