//El creador de la clase
function popup() {
  this.popupPrepara = popupPrepara;//Las 3 funciones miembro de la clase
  this.popupAbre = popupAbre; 
  this.popupCierra = popupCierra;
  this.popup = document.getElementById("popup"); //La capa que usamos
  this.popupH = 15; //La variable de la altura

  this.popupPrepara();
}
//Prepara para comenzar a desplegar el popup
function popupPrepara() {
  this.popup.innerHTML = "<a href=\"javascript:popupCierra();\">[Cerrar]</a><br /> \
  <a href=\""+absolute_path+"/blog\"><img border=\"0\" src=\""+absolute_path+"/img/blog.png\"/></a><br /> \
  <a href=\""+absolute_path+"\"><img border=\"0\" src=\""+absolute_path+"/img/personal.png\"/></a><br /> \
  <a href=\"http://www.fotolog.com/seliquin\"><img border=\"0\" src=\""+absolute_path+"/img/fotos.png\"/></a><br />";
  this.popupAbre();
}

function popupAbre() {
  if (this.popupH<117) { //34*3 + 15 = 117
    this.popup.style.height = this.popupH + "px";
    this.popupH++;
    setTimeout("popupAbre()",10);
  }
  else {
    setTimeout("popupCierra()",8000);
  }
      }

function popupCierra() {
  if (this.popupH>=15) {
    this.popup.style.height = popupH + "px";
    this.popupH--;
    setTimeout("popupCierra()",10);
  }
  else { this.popup.innerHTML = "<a href=\""+absolute_path+"\" onclick=\"popupPrepara(); return false;\">[Menu]</a>"; }
}