var showTabs = function(i) {
    $(".TableContainer:eq(" + i + ")").show();
    $(".TableContainer:not(:eq(" + i + "))").hide();
}
$(document).ready(function() {
    var visibleTab = 0;
    $("UL > LI:first", "#TabContainer").addClass("FirstTab").addClass("ActiveWhite"); ;
    $("UL > LI:last", "#TabContainer").addClass("LastTab");
    showTabs(visibleTab);
    $("UL > LI", "#TabContainer").click(function() {
        var tabCount = $("UL > LI", "#TabContainer").length;
        $("UL > LI", "#TabContainer").removeClass("Active").removeClass("ActiveWhite").removeClass("ActiveWhiteLast");
        $("UL > LI", "#TabContainer")

        if ($(this).is(".FirstTab")) {
            $(this).addClass("ActiveWhite");
        }
        else if ($(this).is(":last-child")) {
            if (tabCount < 5) {
                $(this).addClass("Active");
                $(this).removeClass("LastTab");
            }
            else {
                $(this).addClass("ActiveWhiteLast");
                $(this).addClass("LastTab");
            }
        }
        else {
            $(this).addClass("Active");
        }
        showTabs($("UL > LI", "#TabContainer").index(this));
    });


});