//Esse arquivo é responsavel pelas ModalPopupWindows
//É recomendado ter sempre o arquivo dragdrop.js na mesmo pasta deste arquivo
//--TUTORIAL:--
//Crie um div em seu html com um id
//no evento que solicitar a popup entre com a chamada da função abaixo:
//jsWindowModal(action,id,tituloBarra,content,sWidth,sHeight,imgBarra1,imgBarra2,imgBarra3,bgWindowColor,bgModalColor);
//passando os seguintes parametros
//action = 'open'/null
//id = id do div criado
//tituloBarra = titulo da popup
//content = pagina que sera chamada no iframe
//sWidth = largura da popup
//sHeight = altura da popup
//imgBarra1 = imagem lateral direita da barra de titulo
//imgBarra2 = imagem de fundo da barra de titulo
//imgBarra3 = imagem lateral esquerda (ou botão de fechar) da barra de titulo
//bgWindowColor = cor de fundo da popup
//bgModalColor = cor de fundo do modal
//Exemplo de chamada da função: return jsWindowModal('open','id','Confirmação de Email','seguranca/senha/confirmamail.asp','400','110','_image/design/popup/BackUP/leftSideBar.gif','_image/design/popup/BackUP/bar_background.gif','_image/design/popup/BackUP/closeButton.gif','#FCEED5','#666666');
//Função que mostra o resultado e gera o modal
maxTime = 0700;
function destroyObj(target,id){
target.style.display = "none";
document.getElementById(id).innerHTML = "";
}
function transparent(action,id){
if (action == "open"){
document.getElementById('Window').style.display = '';
}
if (action == null){
document.getElementById('Window').style.display = 'none';
}
}
//Função que define o tempo do modal e verifica se sera acionado ou desativado
function jsWindowModal(action,id,titulo,content,sWidth,sHeight,bgWindowColor,bgModalColor,local){
if (action == "open"){
idDiv = id;
document.getElementById(id).style.display = '';
addModal(id,titulo,content,sWidth,sHeight,bgWindowColor,bgModalColor);
fadeIn("Modal", "0.05");
setTimeout("transparent('open',idDiv)",maxTime);
addModalLoader(local);
}else if (action == null){
fadeOut("Modal", "0.05");
setTimeout("transparent(null,idDiv)",0000);
setTimeout("destroyObj(document.getElementById(idDiv),idDiv)",maxTime);
}
}
//Função de fade experimental
function fadeIn(id, time) {
target = document.getElementById(id);
alpha = 0;
timer = (time*1000)/50;
target.style.display = "";
var i = setInterval(
function() {
if (alpha >= 70)
clearInterval(i);
setAlpha(target, alpha);
alpha += 10;
}, timer);
}
function fadeOut(id, time) {
target = document.getElementById(id);
alpha = 100;
timer = (time*1000)/50;
var i = setInterval(
function() {
if (alpha <= 0)
clearInterval(i);
setAlpha(target, alpha);
alpha -= 10;
}, timer);
}
function setAlpha(target, alpha) {
target.style.filter = "alpha(opacity="+ alpha +")";
target.style.opacity = alpha/100;
}
//Função que monta a div tag
function addModal(id,titulo,content,sWidth,sHeight,bgWindowColor,bgModalColor){
//Se for IE 6.0 criar um Iframe para que os objetos SELECT fiquem abaixo do Iframe
document.getElementById(id).innerHTML += '';
if (navigator.appVersion.lastIndexOf("MSIE 6.0") != -1){
document.getElementById(id).innerHTML += '';
}
/*document.getElementById(id).innerHTML += '
';
}
//Função que monta a div tag
function addModalLoader(local){
if (local != undefined){
var loaderDiv = eval(local+"document.getElementById('loader')");
loaderDiv.style.display = '';
}else{
document.getElementById('loader').style.display = '';
}
}