$(function() {

    var currentSectionName = null;

    var hideSection = function(event) {
        if (!currentSectionName) return;
        $('.section').hide();
        $('#headspacer').slideDown();
        currentSectionName = null;
    };

    var showSection = function(event) {
        var sectionName = $(this).attr('id').substring(5);
        if (sectionName === currentSectionName) return;
        $('#headspacer').slideUp();
        $('.section').hide();
        $('#section-' + sectionName).fadeIn();
        currentSectionName = sectionName;
    };

    $('.section').hide();
    $('#navigbar a').removeAttr('href').click(showSection).mouseover(showSection);
    $('#banner a').click(hideSection).mouseover(hideSection);

});