source: sipes/0.3-modules/views_semantic/js/modal.js @ 60aa084

//var modal = (function(){
function modal(){
    var 
    method = {},
    $overlay,
    $modal,
    $content,
    $close;

    var at_close;
    // Center the modal in the viewport
    method.center = function () {
        var top, left;
        var aux ;
        if ( $modal.outerWidth() < 400 ){
            aux = 800;
        }
        else{
            aux = $modal.outerWidth() ;
        }
/*
        var aux1;
//alert($modal.outerHeight());
        if ( $modal.outerHeight() < 200 ){
            aux1 = 1900;
        }
        else{
            aux1 = $modal.outerHeight() ;
        }*/
        top = Math.max($(window).height() - $modal.outerHeight(), 0) / 2;
        //top = Math.max($(window).height() - aux1, 0) / 2;
        //left = Math.max($(window).width() - $modal.outerWidth(), 0) / 2;
        left = Math.max($(window).width() - aux, 0) / 2;

        
        $modal.css({
            top:top + $(window).scrollTop(), 
            left:left + $(window).scrollLeft()
      
        });
    };

    // Open the modal
    method.open = function (settings) {
        $modal.css({
            width: settings.width || 'auto', 
            height: settings.height || 'auto',
        })

        if (settings.load_url) {
            //$content.empty().load(settings.load_url)
            $.get(settings.load_url).done(function(html){
                $content.empty().append(html);        
                if (settings.at_open) {
                    settings.at_open();
                }
            });
        } else if (settings.content) {
            $content.empty().append(settings.content);
        } else {
            $content.empty().append("<h1>ERROR</h1>");
        }
        if ( settings.top || settings.left ) {
            $modal.css({
                top: settings.top ,
                left: settings.left
            })
        } else { 
            method.center() ;
            $(window).bind('resize.modal', method.center);
        }
method.center();
        $modal.show();
        $overlay.show();
        at_close = settings.at_close;
    };

    // Close the modal
    method.close = function () {
        /*
        $modal.hide();
        $overlay.hide();
        $content.empty();
        $(window).unbind('resize.modal');
        */
        $modal.remove();
        $overlay.remove();
        $content.remove();
        $(window).unbind('resize.modal');
    };
    
    method.init = function (init) {
        $overlay = $('<div class="overlay_modal" id="overlay_modal_'+init.id+'"></div>');
        $modal = $('<div class="modal" id="modal_'+init.id+'"></div>');
        $content = $('<div class="content_modal" id="content_modal_'+init.id+'"></div>');
        $close = $('<a class="close_modal" id="close_modal_'+init.id+'" href="#">close</a>');    
        $modal.hide();
        $overlay.hide();
        $modal.append($content, $close);


        $close.click(function(e){
            if (at_close){
                at_close();
            } 
            method.close();
            e.preventDefault();
        });
        method.open(init);
        $('body').append($overlay, $modal);
    };
    method.get_element = function (id) {        
        return $(id);
    }

    return method;
}