function f_dialogOpts(title, dialog_link, div, dimension) {
    dialogOpts = {
        modal: true,
        title: title,
        autoOpen: false,
        height : dimension[1],
        position: {
            my: 'center top',
            at: 'center top',
            of: jQuery("body"),
            offset: "0 50"
        } ,
        draggable: false,
        resizable: false,
        width: dimension[0],
        open: function() {
            jQuery(div).html("Loading...");
            jQuery(div).load(dialog_link);
        }
    };

    return dialogOpts;
}

jQuery(function(){
    var dialog_link = "";
    var dialogOpts;
    var dimension = [];
    //    dimension[0] = "800px";
    //    dimension[1] = "500";
    //    dialogOpts = f_dialogOpts("Dialog", dialog_link, "#panes-area", dimension);
    //jQuery("#dialog").dialog({
    //    autoOpen: false
    //});

    jQuery(".link_dialog").live("click", function() {
        dialog_link = jQuery(this).attr("href");
        var dialog_title = jQuery(this).attr("rel");
        var dialog_width = jQuery(this).attr("dwidth");
        var dialog_hieght = jQuery(this).attr("dhieght");

        dimension[0] = (typeof dialog_width !== 'undefined') ? dialog_width : "800px";
        dimension[1] = (typeof dialog_hieght !== 'undefined') ? dialog_hieght : "500";

        dialogOpts = f_dialogOpts(dialog_title, dialog_link, "#panes-area", dimension);
        jQuery("#dialog").dialog(dialogOpts);
        jQuery("#dialog").dialog("open");
        //        jQuery('#dialog').dialog({dialogClass: "flora"});
        //        jQuery('.flora.ui-dialog').css({position:"fixed"});
        return false;
    });


    jQuery(".dialog_button").live('click', function() {
        jQuery("#panes-area").load(jQuery(this).attr("href"));
        return false;
    });

    jQuery(".save_roc").live('click', function() {
        jQuery("form").ajaxSubmit(function(html) {
            jQuery("#panes-area").html(html);
        });
        return false;
    });

});