function doConversion(value)
{
    if (value) $('#convert_form').submit();
}
function confirmPost(question, ok_text, cancel_text)
{
    pretty_confirm(question, ok_text, cancel_text, doConversion);
}

function pretty_confirm_close(cb)
{
    var bg = $('#pretty_confirm_bg');
    var dialog = $('#pretty_confirm_dialog');

    dialog.fadeOut(200, function() {
        bg.fadeOut(300, cb);
    });
}

function pretty_confirm_update()
{
    var bg = $('#pretty_confirm_bg');
    var dialog = $('#pretty_confirm_dialog');

    bg.css('width', $(document).width());
    bg.css('height', $(document).height());
    dialog.css('top', (($(window).height() / 2) - dialog.height() / 2) + $(window).scrollTop());
    dialog.css('left', (($(window).width() / 2) - dialog.width() / 2) + $(window).scrollLeft());
}

function pretty_confirm(question, ok_text, cancel_text, callback)
{
    var bg = $('#pretty_confirm_bg');
    var dialog = $('#pretty_confirm_dialog');

    if(typeof ok_text == 'undefined')
        ok_text = 'Ok';
    if(typeof cancel_text == 'undefined')
        cancel_text = 'Cancel';
    if(typeof callback == 'undefined')
        callback = function(ret) { };

    if(bg.length == 0) {

        var but = $(document.createElement('div'));
        but.css('background-image', 'url(layout/img/button_bg.png)');
        but.css('width', '82px');
        but.css('height', '40px');
        but.css('cursor', 'pointer');
        but.css('color', 'black');
        but.css('font-size', '12px');
        but.css('font-weight', 'bold');
        but.css('line-height', '40px');
        but.css('float', 'left');
        but.css('margin', '0 0 0 10px');

        var but_ok = but.clone();
        but_ok.click(function() {
                pretty_confirm_close(function() { callback(true); });
        });
        but_ok.html(ok_text);

        var but_cancel = but.clone();
        but_cancel.click(function() {
                pretty_confirm_close(function() { callback(false); });
        });
        but_cancel.html(cancel_text);

        var but_area = $(document.createElement('div'));
        but_area.css('position', 'absolute');
        but_area.css('padding', '10px');
        but_area.css('right', 0);
        but_area.css('bottom', 0);

        var message = $(document.createElement('div'));
        message.css('font-size', '14px');
        message.css('font-weight', 'bold');
        message.css('text-align', 'center');
        message.css('padding', '20px');
        message.html(question);

        bg = $(document.createElement('div'));
        dialog = $(document.createElement('div'));
        bg.attr('id', 'pretty_confirm_bg');
        dialog.attr('id', 'pretty_confirm_dialog');

        bg.css('position', 'absolute');
        bg.css('top', 0);
        bg.css('left', 0);
        bg.css('background-color', 'black');
        bg.css('z-index', '1001');

        dialog.css('position', 'absolute');
        dialog.css('width', '316px');
        dialog.css('height', '136px');
        dialog.css('background-image', 'url(layout/img/confirm_bg.png)');
        dialog.css('z-index', '1002');

        bg.css('display', 'none');
        dialog.css('display', 'none');

        but_area.append(but_ok, but_cancel);
        dialog.append(message, but_area);

        $('body').append(bg);
        $('body').append(dialog);
    }

    pretty_confirm_update();
    $(window).resize(pretty_confirm_update);

    bg.fadeTo(500, 0.5, function() {
        dialog.fadeIn(500);
    });

    return false;
}