(function ($) {
    $.fn.hypeModal = function () {

        // COMPONENTES DE TELA
        var _root = $('#main-wrapp');

        // VARIÁVEIS DE CONFIGURAÇÃO
        var pageLoaded = false;
        var movimentoAtivo = false;
        var modalAtiva;
        var pageWidth;
        var pageHeight;


        /************************************************************************************/
        /*[ HYPE - CONTROLE DE MODAIS ]******************************************************/

        // ABERTURA
        $('.bt-modal').click(function () {
            showModal($(this).attr('rel'));
        });

        // FECHAMENTO
        $('.modal-wrapper').find('.close').click(function () {
            modalAtiva.find('.tbl-modal').fadeOut('fast', function () {
                modalAtiva.find('.bg').fadeTo('fast', 0, function () { modalAtiva.hide(); });
            });
        });

        $('.modal-wrapper').find('.bg').click(function () {
            modalAtiva.find('.tbl-modal').fadeOut('fast', function () {
                modalAtiva.find('.bg').fadeTo('fast', 0, function () { modalAtiva.hide(); });
            });
        });

        // ANIMAÇÃO
        function showModal(id) {
            modalAtiva = _root.find(id);
            modalAtiva.show();
            modalAtiva.find('.bg').fadeTo('fast', 0.6, function () {
                modalAtiva.find('.tbl-modal').fadeIn('fast');
            });
        }

        // INICIALIZAÇÃO DO COMPONENTE
        function init() {

        };
        init();

        return {
            showModal: showModal
        }

    };
})(jQuery);