/* USO DO NOVO LIGHTBOX

Utilização para boxs pequenos

OpenLightbox('nome-da-div-que-sera-aberta', largura-da-pagina, altura-da-pagina);

EX de utilização:

OpenLightbox('divRelations', 300, 200);

-----------------------------------------------------------------------------------

Utilização para boxs maiores que a tela do usuário.
Nessas utilizações não utilize os parametros largura e altura, pois ele não é necessário para os lightbox que são maiores que a página do usuário.

OpenLightbox('nome-da-div-que-sera-aberta', largura, altura );

EX de utilização:

OpenLightbox('divDivulgar', null, null );

No máximo definir a largura da página, a altura deste lightbox não pode ser definido, portanto sempre será null.

EX 2:

OpenLightbox('divDivulgar', 570, null);

No botão pode ser utilizado através do evento onClick ou no .net com o evento OnClientClick.

*/

var parentship = {};
var lightboxBg = document.getElementById("lightboxBg");   //null;
var lightbox = document.getElementById("lightbox");
var lightboxFg = document.getElementById("lightboxFg");

// Variavel que recebe o nome da div que ira abrir
var PageLightbox = null;


var scrollInterval = null;
var ___lightboxCorrente = null;

function mostrarLightbox(div) {

    if (___lightboxCorrente != null)
        esconderLightbox(___lightboxCorrente);
        
    ___lightboxCorrente = div;

    lightboxBg = document.getElementById("lightboxBg");
    lightbox = document.getElementById("lightbox");
    lightboxFg = document.getElementById("lightboxFg");


    if (typeof div == 'string')
        div = document.getElementById(div);


    //if(parentship[div.id] == null)
    parentship[div.id] = div.parentNode;

    lightboxFg.appendChild(div);
    lightbox.style.display = '';

    
   

    if (typeof Effect != 'undefined')
        new Effect.Appear(lightboxFg);

    if (navigator.appName == 'Microsoft Internet Explorer') {
        //lightboxBg.style.height = document.body.clientHeight + 'px';
        document.body.scroll = "no";
    }
    else
    {
        lightbox.style.top = 0;
        lightbox.style.right = 0;
        lightbox.style.left = 0;
        lightbox.style.bottom = 0;

        lightbox.style.position = 'fixed';
    }

    var IsIE = (navigator.appName.indexOf("Microsoft") != -1) ? true : false;
    

}

function esconderLightbox(div) {
        
        ___lightboxCorrente = null;
        
        PageLightbox = null; //var nova que subistitui __lightboxCorrente

        
    if (typeof div == 'string')
        div = document.getElementById(div);
    if (typeof Effect == 'undefined') {
        lightbox.style.display = 'none';
        var p = parentship[div.id];
        p.appendChild(div);
    }
    else {
        new Effect.Fade(lightboxFg);
        setTimeout(function() {
            lightbox.style.display = 'none';
            var p = parentship[div.id];
            if(p != null)
                p.appendChild(div);
            /*var div = lightboxFg.firstChild;
            var p = parentship[div.id];
            p.appendChild(div);*/
        }, 1200);
    }
    document.body.style.overflow = '';

    clearInterval(scrollInterval);
}


function mostrarLightbox2(div, divHidden) {


    lightboxBg = document.getElementById("lightboxBg");
    lightbox = document.getElementById("lightbox");
    lightboxFg = document.getElementById("lightboxFg");



    if (typeof div == 'string')
        div = document.getElementById(div);




    //if(parentship[div.id] == null)
    parentship[div.id] = div.parentNode;

    lightboxFg.appendChild(div);
    lightbox.style.display = '';

    divHidden.display = 'none';
   

    if (typeof Effect != 'undefined')
        new Effect.Appear(lightboxFg);
    
   if (navigator.appName == 'Microsoft Internet Explorer')
        //lightboxBg.style.height = document.body.clientHeight + 'px';

    document.body.style.overflow = "hidden";
    //document.body.scroll = "yes";

    var IsIE = (navigator.appName.indexOf("Microsoft") != -1) ? true : false;

    if (IsIE)
        scrollTo();
    else
        lightboxBg.scrollTo();
    
    return true;

}



function esconderLightbox2(div) {
    //alert(div);

    if (typeof div == 'string')
        div = document.getElementById(div);
    if (typeof Effect == 'undefined') {
        lightbox.style.display = 'none';
        var p = parentship[div.id];
        p.appendChild(div);

    }
    else {
        new Effect.Fade(lightboxFg);
        setTimeout(function() {
            lightbox.style.display = 'none';
        
            var div = lightboxFg.firstChild;
            var p = parentship[div.id];
            p.appendChild(div);
        }, 1200);
    }
    document.body.style.overflow = '';

    clearInterval(scrollInterval);
}


//by alexandre.mattos - dia 18/10/2010

function OpenLightbox(div, width, height) {


    // se PageLightbox for diferente de nulo ( ja possui uma div ) ele esconde o lightbox
    if (PageLightbox != null)
        esconderLightbox(PageLightbox);
    
    // senao ele vai atribuir um valor a ele para poder abrir o lightbox, que é a variavel com o nome da div a ser aberta 
    PageLightbox = div;

    lightboxBg = document.getElementById("lightboxBg");
    lightbox = document.getElementById("lightbox");
    lightboxFg = document.getElementById("lightboxFg");

    // pega as informacoes da div ( todo o conteudo e passa para o lightboxFG
    if (typeof div == 'string')
        div = document.getElementById(div);

    parentship[div.id] = div.parentNode;
    lightboxFg.appendChild(div);
    lightbox.style.display = '';

    
     if ( width != null && height != null ) {
        
        //tamanho da largura real com o aumento dos 5px do box
        var pixelPadding = 5;
        
        var RealPixelPadding = pixelPadding * 2;
        
        //alert("real " + RealPixelPadding);
        
        var realWidth = eval(width) + eval(RealPixelPadding);
        var realHeight = eval(height) + eval(RealPixelPadding);
        
        //alert("tamaho do box ajustado com padding " + realWidth+ " e " + realHeight);
        
        //verifico o navegador que o cliente esta usando para poder pegar a area disponivel
        var navigatorName = navigator.appName;
        
        
        // variaveis com o tamanho da area disponivel do navegador
        var navHeight = document.documentElement.clientHeight; // pega a altura disponivel
        var navWidth = document.documentElement.clientWidth; // pega a largura disponivel
        
        //alert("navegador: " + navWidth + " " + navHeight);

        //alert("altura e largura = a: " + navHeight + " " + navWidth);

        // aplica altura e largura ao lightboxfg
        jQuery("#lightboxFg").css("width","auto");
        jQuery("#lightboxFg").css("height","auto");
        
        jQuery("#lightboxFg").css("margin","0");
        jQuery("#lightboxFg").css("padding","0");
        
        // aplica altura e largura ao filho do lightboxfg
        jQuery(div).css("width",width+"px");
        jQuery(div).css("height",height+"px");
        jQuery(div).css("margin","0");
        jQuery(div).css("padding",pixelPadding+"px");
        //jQuery(div).css("display","block");
        
        jQuery(div).corner("5px");
        
        jQuery("#lightboxFg").css("position","fixed");
        
        // calcular tamanho do espaco do box
        topValue = eval( navHeight - realHeight  ) / 2;
        leftValue = eval( navWidth - realWidth  ) / 2;
        
        //alert("valor do posicionamento left e top: " + leftValue + " " + topValue);
              
        jQuery("#lightboxFg").css("top",topValue+"px");
        jQuery("#lightboxFg").css("left",leftValue+"px");
    
    } else {
    
        //tamanho da largura real com o aumento dos 5px do box
        var pixelPadding = 5;
        
        if ( width == null) {
            width = 570;
        }
        var realWidth = width + pixelPadding * 2;
        
        if ( height != null ){
        
            var realHeight = height + pixelPadding * 2;
        
        }
        
        //verifico o navegador que o cliente esta usando para poder pegar a area disponivel
        var navigatorName = navigator.appName;
        
        
        // variaveis com o tamanho da area disponivel do navegador
        if ( height != null ){
            var navHeight = document.documentElement.clientHeight; // pega a altura disponivel
        }
        var navWidth = document.documentElement.clientWidth; // pega a largura disponivel
        
        //alert("altura e largura = a: " + navHeight + " " + navWidth);

        // aplica altura e largura ao lightboxfg
        jQuery("#lightboxFg").css("width","auto");
        jQuery("#lightboxFg").css("height","auto");
        jQuery("#lightboxFg").css("margin","0");
        jQuery("#lightboxFg").css("padding","0");
        
        // aplica altura e largura ao filho do lightboxfg
        jQuery(div).css("width",width+"px");
        
        if ( height != null ){
            jQuery(div).css("height",height+"px");
        }
        
        jQuery(div).css("margin","0");
        jQuery(div).css("padding",pixelPadding+"px");

        if ( height != null ){
            jQuery("#lightboxFg").css("position","fixed");
        }
        
        // calcular tamanho do espaco do box
        if ( height != null ){
            topValue = ( navHeight - realHeight  ) / 2;
        }else{
            
            tamanhoJanela = jQuery(window).height();
            tamanhoFrame = jQuery(div).height();
            topValue = 100;
            window.scrollTo(0,0);
        }
        leftValue = ( navWidth - realWidth  ) / 2;
              
        jQuery("#lightboxFg").css("top",topValue+"px");
        jQuery("#lightboxFg").css("left",leftValue+"px");
    
    }
    
    // se ele aceitar o conteudo da div ele mostra o conteudo
    if (typeof Effect != 'undefined')
        new Effect.Appear(lightboxFg);
        
    // verificacao do erro no IE para mudar estilo css
    if (navigator.appName == 'Microsoft Internet Explorer') {
        lightboxBg.style.height = 'auto';
    }
    else
    {
        lightbox.style.top = 0;
        lightbox.style.right = 0;
        lightbox.style.left = 0;
        lightbox.style.bottom = 0;

        lightbox.style.position = 'fixed';
    }

    var IsIE = (navigator.appName.indexOf("Microsoft") != -1) ? true : false;
    

}


// Funcao de fechar lightbox do profissional

function CloseLBButton(div) {
        
        ___lightboxCorrente = null;
        
        PageLightbox = null; //var nova que subistitui __lightboxCorrente

        
    if (typeof div == 'string')
        div = document.getElementById(div);
    if (typeof Effect == 'undefined') {
        lightbox.style.display = 'none';
        var p = parentship[div.id];
        p.appendChild(div);
    }
    else {
        new Effect.Fade(lightboxFg);
        setTimeout(function() {
            lightbox.style.display = 'none';
            
            var ConteudoLB = document.getElementById("ReciverOpportunity");
            ConteudoLB.innerHTML ="";
            
            var p = parentship[div.id];
            if(p != null)
                p.appendChild(div); 
        }, 1200);
    }
    document.body.style.overflow = '';
    clearInterval(scrollInterval);
}