/**
 * jQuery.epicentro - Centraliza conteudo no centro do ELEMENTO alvo
 * Written by Fernando Migliorini Tenório (dotenorio AT gmail DOT com)
 * Licensed under the WTFPL (http://sam.zoy.org/wtfpl/).
 * Date: 2010/05/21
 *
 * @author by Fernando Migliorini Tenório
 * @version 1.0
 *
 **/

(function($)
{
    $.fn.epicentro = function(options) {
    
    //Regras css defaults
    var defaults = {
        width: "200px",
        height: "200px",
        background: "#FFF",
        border: "1px solid #999"
    };

    var opts = $.extend(defaults,options);

    return this.each(function(){
        
        //pega o conteudo atual da div
        var html = $(this).html();
        
        //monta a estrutura do jQuery.Epicentro
        /*<div class='epicentro'>
            <div class='epicentro_child1'>
                <div class='epicentro_child2'>
                    "+html+"
                </div>
            </div>
        </div>*/
        $(this).html("\r\n<div class='epicentro'>\r\n<div class='epicentro_child1'>\r\n<div class='epicentro_child2'>\r\n"+html+"\r\n</div>\r\n</div>\r\n</div>\r\n");

        //Aplica as regras css préviamente setadas
        $(".epicentro",$(this)).css(defaults);
        
        //seta max-width e max-height para evitar problemas com tamanho
        $(".epicentro_child2",$(this)).css({maxWidth: defaults.width, maxHeight: defaults.height});        
    });
}
})(jQuery);