var message_box = function () {

    /* This should be made generic*/
    var btnCancel = '<input type="button" onclick="message_box.close_message();" value="Ja, tak" />';
    var btnAccept = '<input type="button" onclick="message_box.open_form();" value="Nej, tak. G&aring; til oversigt" />';
    /* -- */

    return {
        show_message: function (title, body) {
            var message = '<div id="message_box"><div id="msgWrap"><h2>' + title + '</h2>' + body + '<br/>' + '<div class="buttons">' + btnCancel + btnAccept + '</div></div></div>';
            jQuery(document.body).append(message);
            jQuery(document.body).append('<div id="darkbg"></div>');
            jQuery('#darkbg').show();
            jQuery('#darkbg').css('height', jQuery('html, body').height());

            jQuery('#message_box').css('top', jQuery('html, body').scrollTop() + 150);
            jQuery('#message_box').show('slow');

            setTimeout("jQuery('#msgWrap').css('visibility', 'visible')", 600);
        },
        close_message: function () {
            jQuery('#msgWrap').css('visibility', 'hidden')
            jQuery('#message_box').hide('fast');
            jQuery('#darkbg').hide();
        },
        open_form: function () {
            // remove box, but keep background
            jQuery('#msgWrap').css('visibility', 'hidden')
            jQuery('#message_box').hide('fast');
            jQuery('#darkbg').hide();
            // show webform
            jQuery('.scfForm').css('display', 'block');
            jQuery('.scfForm').css('position', 'absolute');
            jQuery('.scfForm').css('top', '30px');
            jQuery('.scfForm').addClass('white');
            jQuery('#chosenItemsTable tr:odd td').css('background', '#F8F8F8');
        }
    }
} ();


var TipAFriendBox = function () {
    return {
        OpenBox: function (url) {
            var iframe = '<div id="message_box"><a href="javascript:TipAFriendBox.CloseBox();" class="iconClose"></a><h3 class="sendHeader">Send til en ven</h3><iframe src="' + url + '" width="400" height="260" frameborder="0" scrolling="no"></iframe></div>';
            jQuery(document.body).append(iframe);
            jQuery(document.body).append('<div id="darkbg"></div>');
            jQuery('#darkbg').show();
            jQuery('#darkbg').css('height', jQuery(document).height());

            jQuery('#message_box').css('top', jQuery('html, body').scrollTop() + 150);
            jQuery('#message_box').show('slow');
        },
        CloseBox: function () {
            jQuery('#message_box').hide('fast');
            jQuery('#darkbg').hide();
        }
    }
} ();


var DetailsBox = function () {

    return {
        OpenDetails: function (boxID) {
            jQuery('#toOpen' + boxID).removeClass("toOpenClosed");
            jQuery('#toOpen' + boxID).addClass("toOpenOpen");

            jQuery('#info' + boxID).removeClass("infoClosed");
            jQuery('#info' + boxID).addClass("infoOpen");
        },
        CloseDetails: function (boxID) {
            jQuery('#toOpen' + boxID).removeClass("toOpenOpen");
            jQuery('#toOpen' + boxID).addClass("toOpenClosed");

            jQuery('#info' + boxID).removeClass("infoOpen");
            jQuery('#info' + boxID).addClass("infoClosed");
        }
    }
} ();