$(document).ready(function(e) {

    // Abrir modal quando clicar no a com name="modal"
    $('a[name=modal]').click(function(e) {
        e.preventDefault();

        //Pega o id do div que será aberto
        var id = $(this).attr('href').replace("../", "");

        // Descobre o tamanho e posicionamento do Div
        var winH = $(window).height();
        var winW = $(window).width();
        // Descobre a posicao do Scroll
        var scrollH = Util.getScrollHeight();
        var scrollW = Util.getScrollWidth();
        // Descobre o Top do div
        var divTop = ((winH / 2) - ($(id).height() / 2)) + scrollH;
        var divLeft = ((winW / 2) - ($(id).width() / 2)) + scrollW;

        //Css na Mascara
        $('#mask').css({ 'width': $(window).width(), 'height': $(document).height() });
        $('#mask').fadeTo(0, 0.8);
        $('#mask').show();

        //Css no Modal
        $(id).css('top', divTop);
        $(id).css('left', divLeft);
        $(id).css('z-index', '9999');
        $(id).show();

        // Fechar quando clicar no a com name="fechar"
        $('a[name=fechar]').click(function(e) {
            e.preventDefault();
            $('#mask').hide();
            $(id).hide();
        });

        // Fechar quando clicar na mascara
        $('#mask').click(function() {
            $('#mask').hide();
            $(id).hide();
        });

    });

    // Abrir dhtml quando clicar no 'a' com name="dhtml"
    $('a[name=dhtml]').click(function(e) {
        e.preventDefault();

        //Pega o id do div que será aberto
        var id = $(this).attr('href').replace("../", "");

        //Pega o id do div que será fechado
        var idHide = $(this).attr('rel');

        //Mostrando Dhtml
        $('.dhtml').hide();
        $(id).show();

        //Escondendo div
        $('.' + idHide).hide();

        // Fechar quando clicar no a com name="fechar"
        $('a[name=fechar]').click(function(e) {
            e.preventDefault();
            $('.dhtml').hide();
            $(id).hide();
            $('.' + idHide).show();
        });

    });
});

// Abre o modal que for passado o id
function showModal(pDivOpen) {
    //Pega o id do div que será aberto
    var id = $("#" + pDivOpen);
    // Descobre o tamanho e posicionamento do Div
    var winH = $(window).height();
    var winW = $(window).width();
    // Descobre a posicao do Scroll
    var scrollH = Util.getScrollHeight();
    var scrollW = Util.getScrollWidth();
    // Descobre o Top do div
    var divTop = ((winH / 2) - ($(id).height() / 2)) + scrollH;
    var divLeft = ((winW / 2) - ($(id).width() / 2)) + scrollW;

    //Css na Mascara
    $('#mask').css({ 'width': $(window).width(), 'height': $(document).height() });
    $('#mask').fadeTo(0, 0.8);
    $('#mask').show();

    //Css no Modal
    $(id).css('top', divTop);
    $(id).css('left', divLeft);
    $(id).css('z-index', '999999');
    $(id).show();

    // Fechar quando clicar no a com name="fechar"
    $('a[name=fechar]').click(function(e) {
        e.preventDefault();
        $('#mask').hide();
        $(id).hide();
    });

    // Fechar quando clicar na mascara
    $('#mask').click(function() {
        $('#mask').hide();
        $(id).hide();
    });
}

// Fecha Modal
function closeModal(pDivClose) {
	var id = $("#" + pDivClose);
    $('#mask').hide();
    $(id).hide();
}

function openDhtml(pDivOpen)
{
    //Pega o id do div que será aberto
	var id = $("#" + pDivOpen);
    //Pega o id do div que será fechado
    var idHide = $(this).attr('rel');

    //Mostrando Dhtml
    $('.dhtml').hide();
    $(id).show();

    //Escondendo div
    $('.' + idHide).hide();

    // Fechar quando clicar no a com name="fechar"
    $('a[name=fechar]').click(function(e) {
        e.preventDefault();
        $('.dhtml').hide();
        $(id).hide();
        $('.' + idHide).show();
    });

}