var is_running_capa=0;
var cola=new Array();

function mostrar_capa(img,id,x,y) {
  if(is_running_capa) {
    cola.push("mostrar_capa('"+img+"','"+id+"','"+x+"','"+y+"')");
    return;
  }
  is_running_capa=1;
  var capa=document.getElementById("capa");
  var obj=document.getElementById(id);
  if(img.substr(0,3)=="img") {
    imgcapa="<img src='"+img+"' class='capa'>";
    capa.innerHTML=imgcapa;
  } else {
    txtcapa="<table cellspacing=0 cellpadding=5 border=0><tr><td class='textos capa'>"+img+"</td></tr></table>";
    capa.innerHTML=txtcapa;
  }
  pd=pos_and_dim(obj);
  capa.style.left=parseInt(pd.x+pd.w/2+parseInt(x))+"px";
  capa.style.top=parseInt(pd.y+pd.h/2+parseInt(y))+"px";
  capa.style.opacity=".20";
  capa.style.filter="alpha(opacity:20)";
  capa.style.display="block";
  setTimeout("mostrar_capa2(20)",50);
}

function mostrar_capa2(num) {
  var capa=document.getElementById("capa");
  num=num+20;
  if(num==100) num=99;
  capa.style.opacity="."+num;
  capa.style.filter="alpha(opacity:"+num+")";
  if(num<99) {
    setTimeout("mostrar_capa2("+num+")",50);
  } else {
    is_running_capa=0;
    if(cola.length>0) setTimeout(cola.shift(),50);
  }
}

function ocultar_capa() {
  if(is_running_capa) {
    cola.push("ocultar_capa()");
    return;
  }
  is_running_capa=1;
  var capa=document.getElementById("capa");
  capa.style.opacity=".80";
  capa.style.filter="alpha(opacity:80)";
  setTimeout("ocultar_capa2(80)",50);
}

function ocultar_capa2(num) {
  var capa=document.getElementById("capa");
  num=num-20;
  capa.style.opacity="."+num;
  capa.style.filter="alpha(opacity:"+num+")";
  if(num>0) {
    setTimeout("ocultar_capa2("+num+")",50);
  } else {
    capa.style.display="none";
    is_running_capa=0;
    if(cola.length>0) setTimeout(cola.shift(),50);
  }
}

function pos_and_dim(obj) {
  var x=0;
  var y=0;
  var w=obj.offsetWidth;
  var h=obj.offsetHeight;
  while(obj !=null) { 
    x+=obj.offsetLeft;
    y+=obj.offsetTop;
    obj=obj.offsetParent;
  }
  return {x:x,y:y,w:w,h:h}
}