$(document).ready(function() {
    initStatsTable();
});


function initStatsTable() {
    $("label[title]").tooltip({
        track: true,
        delay: 0,
        showBody: ":",
        fixPNG: true
    });

    $.datepicker.setDefaults($.extend({ showMonthAfterYear: false }, $.datepicker.regional['']));
    $("#datepicker").datepicker($.datepicker.regional['da']);
    $('#datepicker').datepicker('option', { dateFormat: 'd. MM yy' });
    $('#datepicker').datepicker('setDate', null)

    $("#advanced-btn").click(function(e) {
        e.preventDefault();
        if (!($(this).hasClass("active"))) {
            $(".advanced").slideDown();
            $(".simple").slideUp();
            $(this).addClass("active");
            $("#simple-btn").removeClass("active");
        }
    });
    $("#simple-btn").click(function(e) {
        e.preventDefault();
        if (!($(this).hasClass("active"))) {
            $(".advanced").slideUp();
            $(".simple").slideDown();
            $(this).addClass("active");
            $("#advanced-btn").removeClass("active");
        }
    });
    updatePageLayout();
}

function updatePageLayout() {
    var cols = $(".stats-table colgroup col");
    var colsWidth = new Array();    
    for (var i = 0; i < cols.length; i++) {
        colsWidth.push(parseInt($(cols[i]).css("width")));
    }
    var pageWidth = 958;
    var mainContentWidth = 768;
    var colsWidthTotal = 0;
    var cellPaddingAndBorder = 22;
    for (var i = 0; i < colsWidth.length; i++) {
        colsWidthTotal += (colsWidth[i] + cellPaddingAndBorder);
    } 
    var extraWidth = colsWidthTotal - mainContentWidth;

    if (extraWidth > 0) {
        $("<div class=\"extension\"><\/div>").appendTo('#header');
        $("<div class=\"extension\"><\/div>").appendTo('#footer');

        if (extraWidth >= 1300) { extraWidth = 1300; }
        $("#page").width(pageWidth + extraWidth);
        $("#header").width(pageWidth + extraWidth);
        $("#header .extension").width(extraWidth + 260);
        $("#maincontent").width(mainContentWidth + extraWidth);
        $("#footer").width(pageWidth + extraWidth);
        $("#footer .extension").width(extraWidth + 20);
        $(".stats-table").width(colsWidthTotal - 2);
    }
    else {
        $("#page").width(pageWidth);
        $("#header").width(pageWidth);
        $("#header .extension").hide();
        $("#maincontent").width(mainContentWidth);
        $("#footer").width(pageWidth);
        $("#footer .extension").hide();
        $(".stats-table").width(colsWidthTotal - 2);
    }
}