(function($){
	
    /**
     * Constructor.
     * 
     */
    $.overlay = function() {
        // None.
    }

    /**
     * Opens.
     * 
     */
    $.overlay.open = function(title, content) {	

        // Make modal.

        var modal = $('<div class="modal"/>')

        // Make overlay wrapper.

        var overlayWrapper = $('<div class="overlayWrapper"/>');
        $(modal).append(overlayWrapper);

        // Make overlay.

        var overlay = $('<table id="overlay" class="overlay" cellspacing="0" cellpadding="0"/>');
        $(overlayWrapper).append(overlay);

        // Make top.

        var top = $('<tr class="top"><td class="left"/><td class="center">'+ title +'</td><td class="right"><a href="javascript:$.overlay.close();"><img src="images/overlayCloseButton.png" alt="cerrar" title="cerrar"/></td></tr>');
        $(overlay).append(top);

        // Make middle.

        var middle = $('<tr class="middle"/>');
        var left = $('<td class="left"/>');
        $(middle).append(left);
        var center = $('<td class="center"/>');
        $(middle).append(center);
        var right = $('<td class="right"/>');
        $(middle).append(right);
        $(center).append(content);
        $(overlay).append(middle);

        // Make bottom.

        var bottom = $('<tr class="bottom"><td class="left"/><td class="center"><div class="text">(*) Parámetros requeridos</div><div class="border"/></td><td class="right"/></tr>');
        $(overlay).append(bottom);

        // Show overlay.

        $('body').append(modal);

        // Remove scroll.

        $('html').css('overflow', 'hidden');
        $(modal).css('top', $(window).scrollTop());
        $(modal).css('left', 0);	

    }		
	
    /**
     * Shows message.
     * 
     * @param string message
     */
    $.overlay.showMessage = function(message) {
        if ($('#overlayMessage').length == 1) {
            $('#overlayMessage').html(message);
        } else {
            var overlayMessage = $('<div id="overlayMessage" class="lightGreenMessage">'+ message +'</div>');
            $(overlayMessage).width($('#overlay tr.middle td.center').width());
            $('#overlay form').before(overlayMessage);				
        }		
    }
	
    /**
     * Cleans.
     * 
     */
    $.overlay.clean = function() {
        $('#overlay input[type!="submit"]').val('');
        $('#overlay input[type="checkbox"]').removeAttr('checked');        
        $('#overlay select').val('');
        $('#overlay textarea').val('');        
    }
	
    /**
     * Closes.
     * 
     */
    $.overlay.close = function() {		
        $('#overlay').parent().parent().remove();
        $('html').css('overflow', 'auto');
    }
	
})(jQuery);