// JavaScript Document

// inicio do z index 
$Z_INDEX = 1000;

// Altura Minima do topo em relação ao top do css
$topoMIN = 100;
// Array de Ids de janelas para ser fechadas posteriormente
$WINSarray = new Array();
// Quantidade de janelas abertas 
$WinsAtivos= 0;

// função para facieliar e diminuir o codigo
function get($id){ 
    return document.getElementById($id);
}

// crio o background de fundo
//document.write('<div id="BMG_CINZA"></div>');	
// Crio o local onde ficarão as divs janelas
document.write('<div id="PlaceWindows"></div>');

// Verifico se o navegador é o IE porque o resto é igual 
$NAVEGADOR = navigator.appName.indexOf("Internet Explorer");


// função de criação de janelas 
function win($PG,$x,$y,$top,$left,$MenoDiv){
    document.documentElement.scrollTop = 0;
    // adiciono mais uma camada de janelas
    $Z_INDEX++;


    //	$PG += '/FC/'+Math.random();
    //$PG += '?FC='+Math.random();

    // declaro as variáveis para que no final desta função elas sejam destruidas
    var $XY     = '';
    var $onload = '';                  // Onload do frame para chamar a função de tamando do mesmo
    var $id     = 'div'+Math.random(); // id aleatoria
    var $AL     = '';
	
    // retiro ponto do id parq eu possa ser um id decente ^^
    $id = $id.replace('.','-')+'';
	
    var $MenoDiv = $MenoDiv+'*'+$id;
	
    // guardo a id no array de ids para matalo quando for precionado ESC
    $WINSarray[$WINSarray.length] = $id;
    // somo mais uma janela ativa
    $WinsAtivos++;
	
    // se a variável x e y forem declaradas nos argumentos da função uso elas no objeto
    if($x != undefined && $y != undefined && $y != '' && $x != '' ){
        $XY = 'width:'+$x+'; height:'+$y+';';
        $display = 'inline'; // decho a jenela visivel
	  
        $onload = 'onload="Salva_div(this,\''+$MenoDiv+'\');"';
	
    }else{
        $onload = 'onload="TamanhoDIVFRAME(this,\''+$id+'\',\''+$MenoDiv+'\'); "';	// quardo o comando nesta variavel
        $display = 'inline'; // escondo a janela para não ter lag de mudar de possição quando o frame der onload
    }
	
    // se a variável top e left forem declaradas nos argumentos da função uso elas no objeto
    if($top != undefined && $left != undefined && $top != '' && $left != '' ){
        $AL = 'top:'+$top+'; left:'+$left+';';
    //alert($AL);
    }
	
    // Mostro o bg cinza
    /*$B.ShowFND();*/

    if($XY != '' && $AL != ''){
        // crio a div e o iframe dentro da div PlaceWindows
        get('box-mensagens').innerHTML +=
        // div pai
        '<div id="'+$id+'" style="z-index:'+$Z_INDEX+'; display:'+$display+'; '+$XY+' '+$AL+'" class="wins">'+
        // div resposável pelo titulo da janela
        '<div class="winsTitulos" id="TIULO'+$id+'">Cânticos CCB</div>'+
        // div Botão fechar da jenala
        '<div class="WinsFechar" onclick="WinsFechar(\''+$id+'\')">Fechar</div>'+
        // iframe ele recebe os atibutos impostos anteriormente
        '<div id="contents'+$id+'" class="iframe" style="'+$XY+'"><iframe name="iframe'+$id+'" '+$onload+' src="'+$PG+'" allowtransparency="true" frameborder="0" scrolling="auto" width="740px" height="1200px" ></iframe></div>'+
        '<div>';
    }else{
        // crio a div e o iframe dentro da div PlaceWindows
        get('PlaceWindows').innerHTML +=
        // div pai
        '<div id="'+$id+'" style="z-index:'+$Z_INDEX+'; display:'+$display+'; '+$XY+' '+$AL+'" class="wins">'+
        // div resposável pelo titulo da janela
        '<div class="winsTitulos" id="TIULO'+$id+'"></div>'+
        // div Botão fechar da jenala
        '<div class="WinsFechar" onclick="WinsFechar(\''+$id+'\')">Fechar</div>'+
        // iframe ele recebe os atibutos impostos anteriormente
        '<div id="contents'+$id+'" class="iframe" style="'+$XY+'"><iframe name="iframe'+$id+'" '+$onload+' src="'+$PG+'" allowtransparency="true" frameborder="0" scrolling="no" ></iframe></div>'+
        '<div>';

    }
	
	
	 
	
//	var $div  = 'contents'+$id;
//	var $tmp = new Objeto();

//	$tmp.Ajax($PG,function($r){ get($div).innerHTML = $r; });

}

// função resposável por setar o tamanho do iframe de acordo com conteudo 
function TamanhoDIVFRAME($frame,$div,$MenoDiv){
	
    // declaro as variáveis para que no final desta função elas sejam destruidas
    var $id  = $div;      // guardo a id dentro da div para usar no final desta função
    var $div = get($div);
	
    // mostro ela pois havia setado como invisivel para não sair do lugar após onload do iframe
    $div.style.display = 'inline';
    // busco a largura e altura do frame após ele ter carregado
    var $largura = ($frame.contentWindow.document.body.scrollWidth+20);
    var $altura  = ($frame.contentWindow.document.body.scrollHeight+40);
	
    // Se não for IE
    if($NAVEGADOR < 1){
        $largura = ($frame.contentWindow.document.body.parentNode.offsetHeight+20);
    }
	
    // seto a largura e altura da janela
    $div.style.width  = $largura+'px';
    $div.style.height = $altura +'px';
	
	
    // seto a largura e altura do frame
    /*	$frame.style.width  = $largura+'px';
	$frame.style.height = $altura+'px';
*/	
    $frame.width  = $largura;
    $frame.height = $altura;
	
    var $ScrollTop = document.documentElement.scrollTop;

    // centralizar o frame no centro da pagina
    if($div.style.top == ''){ // se não foi setado o topo eu controlo isso
        var $topo = Math.ceil(($altura/2));
        $topo = ($topo/2);
        if($topo <= $topoMIN){
            $topo = $topoMIN;
        }
        $div.style.marginTop  = '50px';
        $div.style.marginLeft  = '-'+(Math.ceil(($largura)/2))+'px';
    }
    // Uso o comando try para não nos dar um erro se não for setado o titulo dentro da pagina

    //try{  var $t = document.getElementsByTagName('title')[0]; get('TIULO'+$id).innerHTML = $t.innerHTML; }catch(e){ get('TIULO'+$id).style.display = 'none'; }
    get('TIULO'+$id).innerHTML = 'Canticos CCB';
	
    // controle do top do bg
    //get('BMG_CINZA').style.top = '0px';
	
    Salva_div($frame, $MenoDiv);
	
//$frame.document.getElementsByTagName('body')[0].innerHTML;
	


}
function FC($frame,$FC){
	
    var $DIVS = $FC.split('*');
    get($DIVS[0]).innerHTML = $frame.document.getElementsByTagName('body')[0].innerHTML;
    WinsFechar($DIVS[1]);
};
	
function Salva_div($frame, $div){
	
    get($div.split('*')[1]).style.backgroundImage = 'url()';
    $frame.contentWindow.$FC = $div;
}

// Fecha a jenela e destroi o conteudo da mesma 
function WinsFechar($id){ 
    $div =  get($id);
    $div.style.display         = 'none';
    $div.innerHTML             = '';
    if($WinsAtivos < 0){
        $WinsAtivos =0;
    };
    if($WinsAtivos == 1 || $WinsAtivos < 1){
        $B.HideFND();
    }
    $WinsAtivos--;
}

// Função resposável por fechar a janela por quando a tecla esc for precionada 
function tecla ($e)
{
    if($NAVEGADOR > 1){  
        var key = window.event.keyCode;
    }else{
        var key = $e.keyCode;
    }
    if(key == 27){ 
        WinsEsc('esc');
    }
}
window.document.onkeypress = tecla;

// Captura a tecla esc 
function WinsEsc(){
    var $id = $WINSarray[($WINSarray.length-1)];
    if($id != undefined){
        WinsFechar($id);
    }
}