var _selectedItem;

function body_load() {
    window.onresize = window_resize;
    window_resize();
    _selectedItem = $('.menuItemSelected');

    $('.menuItem').hover(
        function() {
            if (document.body.style.cursor != 'wait') selectItem(this);
        },
        function() {
            if (document.body.style.cursor != 'wait') deselectItem(this);
        }
    ).click(function() {
        document.body.style.cursor = 'wait';
        selectItem(this);
    });

    $('input,textarea').focus(function() {
        //$(this).css('border', '2px solid #ee6666');
        $(this).addClass('inputControlActive');
    }).blur(function() {
        //$(this).css('border', '1px solid #888888');
        $(this).removeClass('inputControlActive');
    });               
    if (typeof (onBodyLoaded) !== 'undefined') onBodyLoaded();
}

function selectItem(item) {
    $(item).addClass('menuItemSelected').removeClass('menuItem');
    $(_selectedItem).addClass('menuItem').removeClass('menuItemSelected');
}

function deselectItem(item) {
    $(item).addClass('menuItem').removeClass('menuItemSelected');
    $(_selectedItem).addClass('menuItemSelected').removeClass('menuItem');
}

function window_resize() {
    var formMargin = $('input.FormMargin')[0];
    var body = document.body;
    var width = body.clientWidth;
    var leftMargin = parseInt(width - 800) / 2;

    if (formMargin.value == '0' || Math.abs(parseInt(leftMargin) - parseInt(formMargin.value)) >= 15) {
        formMargin.value = String((leftMargin > 0) ? leftMargin : 0).concat('px');
    }

    $('form').css('margin-left', formMargin.value);
}