$( document ).ready( function() {

    // hides all elements
    $(".gallery").hide();
    $("#initial").show();
    
    // when '#item1_btn' is clicked, show item1 and hide 2 and 3
    $("#residential-btn").click( function () {
        $("#initial").slideUp();
        $("#residential").slideDown();
        $("#historical").slideUp();
        $("#outdoor").slideUp();
        $("#commercial").slideUp();
        return false;
    });
    $("#historical-btn").click( function () {
        $("#initial").slideUp();
        $("#residential").slideUp();
        $("#historical").slideDown();
        $("#outdoor").slideUp();
        $("#commercial").slideUp();
        return false;        
    });
    $("#outdoor-btn").click( function () {
        $("#initial").slideUp();
        $("#residential").slideUp();
        $("#historical").slideUp();
        $("#outdoor").slideDown();
        $("#commercial").slideUp();
        return false;
    });
    $("#commercial-btn").click( function () {
        $("#initial").slideUp();
        $("#residential").slideUp();
        $("#historical").slideUp();
        $("#outdoor").slideUp();
        $("#commercial").slideDown();
        return false;
    });
    
});