function mostrarPopup() {
  document.getElementById('mascara').style.display='block';
  maxOp=50;
  fadeIn('mascara',10,'mostrarPopup2()');
}

function mostrarPopup2() {
  document.getElementById('popup').style.display='block';
  maxOp=100;
  fadeIn('popup',20);
}


function ocultarPopup() {
  fadeOut('popup',20,'ocultarPopup2()');
}

function ocultarPopup() {
  maxOp=50;
  fadeOut('mascara',10,'ocultarPopup3()');
}

function ocultarPopup3() {
  document.getElementById('mascara').style.display='none';
  document.getElementById('popup').style.display='none';
}


function K_trans(obj,opacity) {
//By Richard Rutter
  opacity = (opacity == 100)?99.999:opacity;
  obj.style.KhtmlOpacity = opacity/100;
  obj.style.filter = "alpha(opacity:"+opacity+")";
  obj.style.MozOpacity = opacity/100;
  obj.style.opacity = opacity/100;
}

var ob=null;
var op=100;
var callback='';
var step=0;
var maxOp=100;


function fadeOut(id,val,call) {
  op=maxOp;
  ob=document.getElementById(id);
  step=val;
  callback=call;
  setTimeout("hazFadeOut()",25);
}


function hazFadeOut() {
  op-=step;
  if(op<=0) {
    K_trans(ob,0);
    ob.style.display='none';
    if(callback) {
      eval(callback);
    }
  } else {
    K_trans(ob,op);
    setTimeout("hazFadeOut()",25);
  }
}



function fadeIn(id,val,call) {
  op=0;
  ob=document.getElementById(id);
  ob.style.display='block';
  step=val;
  callback=call;
  setTimeout("hazFadeIn()",25);
}


function hazFadeIn() {
   op+=step;
  if(op>=maxOp) {
    K_trans(ob,maxOp);
    if(callback) {
      eval(callback);
    }
  } else {
    K_trans(ob,op);
    setTimeout("hazFadeIn()",25);
  }
}