// Popup
// Version 1.3

// Popup

var popup_name = null;

function create_popup(div_name) {
        $(div_name).dialog( {
                autoOpen: false,
                resizable: false,
                modal: true,
                close: function(event, ui) {
                        popup_name = null;
                }
        });
}

function set_popup_titlebar(div_name, display) {
	if(display)
        	$(div_name).dialog({dialogClass: 'ui-dialog-titlebar'});
	else
        	$(div_name).dialog({dialogClass: 'no_dialog_titlebar'});
}

function open_popup(div_name) {
        popup_name = div_name;
        $(div_name).dialog("open");
}

function close_popup(div_name) {
        popup_name = null;
        $(div_name).dialog("close");
}

// Alert

var ALERT_NAME = "alert_popup";

function create_alert() {
        var alert_popup = document.createElement("div");
        alert_popup.id = ALERT_NAME;
        alert_popup.className = ALERT_NAME;
        document.body.appendChild(alert_popup);

        var alert_popup_text = document.createElement("div");
        alert_popup_text.id = "alert_popup_text";
        alert_popup_text.className = "alert_popup_text";
        alert_popup.appendChild(alert_popup_text);

        $("#" + ALERT_NAME).dialog({
                title: "Alert",
                autoOpen: false,
                resizable: false,
                modal: true,
                buttons: {
                        "OK": function() {
                                $(this).dialog("close");
                        }
                },
                close: function(event, ui) {
                        popup_name = null;
                }
        });
}

function open_alert(text) {
        document.getElementById('alert_popup_text').innerHTML = text;
        popup_name = "#alert_popup";
        $("#alert_popup").dialog("open");
}

function close_alert() {
        document.getElementById('alert_popup').style.display = 'none';
        document.getElementById('alert_popup_text').innerHTML = '';
        $("#alert_popup").dialog("close");
}

// Confirm

var CONFIRM_NAME = "confirm_popup";

function create_confirm() {
        var confirm_popup = document.createElement("div");
        confirm_popup.id = CONFIRM_NAME;
        confirm_popup.className = CONFIRM_NAME;
        document.body.appendChild(confirm_popup);

        var confirm_popup_text = document.createElement("div");
        confirm_popup_text.id = "confirm_popup_text";
        confirm_popup_text.className = "confirm_popup_text";
        confirm_popup.appendChild(confirm_popup_text);

        $("#" + CONFIRM_NAME).dialog({
                title: "Alert",
                autoOpen: false,
                resizable: false,
                modal: true,
                buttons: {
                        "OK": function() {
                                $(this).dialog("close");
                        },
                        Cancel: function() {
                                $(this).dialog("close");
                        }
                },
                close: function(event, ui) {
                        popup_name = null;
                }
        });
}

function open_confirm(text, ok_func) {
        document.getElementById('confirm_popup_text').innerHTML = text;

        $("#" + CONFIRM_NAME).dialog({
                buttons: {
                        "OK": function() {
                                ok_func();
                                $(this).dialog("close");
                        },
                        Cancel: function() {
                                $(this).dialog("close");
                        }
                }
        });

        popup_name = "#confirm_popup";
        $("#confirm_popup").dialog("open");
}

function close_confirm() {
        document.getElementById('confirm_popup').style.display = 'none';
        document.getElementById('confirm_popup_text').innerHTML = '';
        $("#confirm_popup").dialog("close");
}

// Init function

$(document).ready(function($) {
        var popup_overlayDiv = document.createElement("div");
        popup_overlayDiv.id = "popup_overlay";
        popup_overlayDiv.className = "popup_overlay";
        document.body.appendChild(popup_overlayDiv);

	create_alert();
	create_confirm();

        $(window).bind('resize', function() {
                if(popup_name == null)
                        return;

                $(popup_name).dialog({"position" : "center"});
        });
});