$(document).ready(function() {

    var buttons = $('ul.tabbedNav li a');
    var sections = $('.tabbedContent');


    $(buttons).click(function() {
        //hide all divs
        $(sections).addClass('hide');

        //remove all selected classes
        $(buttons).parent().removeClass('selected');

        //select current tab and give active class            
        $(this).parent().addClass('selected');

        //show current div
        var currentItem = $(buttons).index($(this));
        $(sections[currentItem]).removeClass('hide');

    });

    $('h3.calendar').click(function() {
        $('div.import').addClass('hide');
        $(this).next('div.import').removeClass('hide');
    });

});