﻿$(function() {
    var tabSettings = {
        tabBtn:         $('.tabBoxHeader'),
        tabArea:        $('.tabbedSection'),
        activeClass:    'active'
    };
    tabSettings.tabArea.hide().eq(0).show(); // Hide all and show only the first tabbed area
    tabSettings.tabBtn.each(function(i) {
        $(this).click(function() {
            tabSettings.tabArea.hide().eq(i).show();
            tabSettings.tabBtn.removeClass(tabSettings.activeClass);
            $(this).addClass(tabSettings.activeClass);
            
            return false;
        });
    });
});
