$(document).ready(function() {
    // About Us tabs
    $("#aboutUsTabs > ul").tabs({ fx: { opacity: "toggle", duration: "fast"} }).bind("tabsshow", function() { $(".ui-tabs-nav-timeline li a").pngfix(); });
    $("#aboutUsTabs").show();

    // History timeline tabs
    $("#aboutUsTimelineTabs > ul").tabs(defaults = {
        navClass: 'ui-tabs-nav-timeline',
        selectedClass: 'ui-tabs-selected-timeline',
        unselectClass: 'ui-tabs-unselect-timeline',
        disabledClass: 'ui-tabs-disabled-timeline',
        panelClass: 'ui-tabs-panel-timeline',
        hideClass: 'ui-tabs-hide-timeline',
        loadingClass: 'ui-tabs-loading-timeline',
        fx: {
            opacity: "toggle",
            duration: "fast"
        }
    });

    // Evenly space the history tabs
    // This adds flexibility to the control in that if an author adds or removes an item from the history tabs troup, the
    // nodes will auto-space along the timeline.
    var timelineLength = 850;
    var nodeCount = $(".ui-tabs-nav-timeline li").length;
    var gapCount = nodeCount + 1;
    var cumulativeNodeWidths = 24 * nodeCount;
    var cumulativeSpace = timelineLength - cumulativeNodeWidths;
    var gapWidth = parseInt(cumulativeSpace / gapCount);
    $(".ui-tabs-nav-timeline li").css("margin-left", gapWidth.toString() + "px");
});