$(document).ready(function()
{ centerHomepage(); $(".contact a").toggle(function() { $("#contact-container").animate({ backgroundColor: "#3cdad1", height: "toggle" }, 900); $(this).parent().addClass("on"); }, function() { $("#contact-container").animate({ backgroundColor: "#ffffff", height: "toggle" }, 900); $(this).parent().removeClass("on"); }); }); $(window).resize
(function() { centerHomepage() }); function centerHomepage() {
    var windowWidth = Math.floor($(window).width()); var homepageWidth; if (windowWidth >= 1804)
        homepageWidth = 1704; else if (windowWidth >= 1378)
        homepageWidth = 1278; else
        homepageWidth = 852; $("#homepage").css({ width: homepageWidth })
}
$(function() {
    var 
speed = 1000, $wall = $('#homepage'), masonryOptions = { columnWidth: 210, itemSelector: '.box:not(.invis)', animate: true, animationOptions: { duration: speed, queue: false} }; $(window).load(function() { $wall.masonry(masonryOptions); if (window.location.hash) { var possibleFilterClass = window.location.hash.replace('#', ''); switch (possibleFilterClass) { case 'identity': case 'print': case 'websites': masonryOptions.animate = false; $wall.children().not('.' + possibleFilterClass).toggleClass('invis').hide(); $wall.masonry(masonryOptions); $("li.filter").removeClass("on"); $("li.filter a." + possibleFilterClass).parent().addClass("on"); break; } } }); $('li.filter a').click(function() {
    var 
color = $(this).attr('class'), filterClass = '.' + color; ; if (filterClass == '.all') { $wall.children('.invis').toggleClass('invis').fadeIn(speed); } else { $wall.children().not(filterClass).not('.invis').toggleClass('invis').fadeOut(speed); $wall.children(filterClass + '.invis').toggleClass('invis').fadeIn(speed); }
    $wall.masonry({ animate: true }); $("li.filter").removeClass("on"); $(this).parent().addClass("on"); window.location.hash = color; return false;
});
});