/// <reference path="~/js/jquery-1.4.2.js" />
/// <reference path="~/js/jquery.idfix.js" />
/// <reference path="~/js/global.js" />

var DoBodyFix = true;

var WindowWidth = 0;
var Original_DivRight = 782;
var Original_DivTopBar = 724;
var Original_DivContent = 682;
var Original_DivLikeThis = 800;  // $('#divLikeThis').position().left;
var Original_DivAddThis = 920; // $('#divSocial').position().left;
var BaseWidth = 1119;

$(document).ready(function() {
    GetSpecs();
    FixHeight();
});

$(window).resize(function() {
    GetSpecs();
});



function GetSpecs() {

    if (!DoBodyFix) { return; }
    
    WindowWidth = $(window).width();


    var Difference = BaseWidth - WindowWidth;
    DebugAdd('WindowWidth = ' + WindowWidth + ', Difference = ' + Difference);

    if (Difference > 0) {
        $('div.right').css('width', (Original_DivRight - Difference).toString() + 'px');
        $('div.topbar').css('width', (Original_DivTopBar - Difference).toString() + 'px');
        $('div.content').css('width', (Original_DivContent - Difference).toString() + 'px');
        $('body.master').css('background-image', 'none');

        var DiffNew = parseInt(Difference / 10) * 10;
        $('img.bolletjes').css('margin-left', '-' + DiffNew.toString() + 'px');


        $('#divLikeThis').css('left', (Original_DivLikeThis - Difference).toString() + 'px');
        $('#divSocial').css('left', (Original_DivAddThis - Difference).toString() + 'px');
    }
    else {
        // reset to original
        $('div.right').css('width', Original_DivRight.toString() + 'px');
        $('div.topbar').css('width', Original_DivTopBar.toString() + 'px');
        $('div.content').css('width', Original_DivContent.toString() + 'px');
        $('body.master').css('background-image', 'url(/images/ovaaltjes.jpg)');
        $('img.bolletjes').css('margin-left', '0px');

        $('#divLikeThis').css('left', Original_DivLikeThis.toString() + 'px');
        $('#divSocial').css('left', Original_DivAddThis.toString() + 'px');
        // $('div.addthis_default_style').css('left', Original_DivAddThis.toString() + 'px');
    }
    
}


//function CheckResolution() {
//    
//    // alert(browserWidth);
//    // 1024 minus scrollbar (16px)
//    if (browserWidth <= 1007) {
//        $('head').append('<link rel="stylesheet" type="text/css" href="/css/1024.css" />');
//        $('img.bolletjes').attr('src', '/images/bolletjes_1024.jpg');
//        $('img.topbar').attr('src', '/images/topbar_1024.jpg');
//    }
//}
function FixHeight() {

    // $('body').css('height', '100%')
    // $('.layout').css('height', '100%')
    
    // alert('window h = ' + $(window).height());
    // alert('doc h = ' + $(document).height());
    
    // Fix div.layout height. Why is the form/div.layout not really 100% height?
    var HeightBody = $('.layout').height();
    var HeightContent = $('.content').height() + 124;

    // alert('HeightBody = ' + HeightBody + '\nHeightContent = ' + HeightContent);

    // if (HeightContent > 700)
    if (HeightContent > HeightBody) {
        // alert('Setting layout height to ' + HeightContent);
        $('.layout').height(HeightContent);
    }
}