//Incluir ocmoscap.js, global.js y arrascap.js

//Clase visor
function visor(posx,posy,txtCtrlA,mjdrCtrlA,txtCtrlB,mjdrCtrlB){
 this.posx=posx;
 this.posy=posy;
 this.txtCtrlA=txtCtrlA;
 this.mjdrCtrlA=mjdrCtrlA;
 this.txtCtrlB=txtCtrlB;
 this.mjdrCtrlB=mjdrCtrlB;
 this.id_capa_visor="";
 this.id_capa_cabecera="";
 this.id_imagen="";
 this.id_cerrar="";
 //métodos
 this.mostrar=mostrar;
 //------------------------------------------
 var objVisor=d.createElement("div");
 this.id_capa_visor=id_unico("visor");
 objVisor.setAttribute("id",this.id_capa_visor);
 objVisor.style.cssText="position:absolute;left:"+this.posx+"px;top:"+this.posy+"px;z-index:100;visibility:hidden;border:1px solid silver;background-color:white;text-align:center;";
  
 var cabecera=d.createElement("div");
 this.id_capa_cabecera=id_unico("cabecera");
 cabecera.setAttribute("id",this.id_capa_cabecera);
 objVisor.appendChild(cabecera);
 cabecera.style.cssText="background-color:#F90;height:20px;margin:0px;";
 cabecera.onmousedown=arrastrar_visor;
 
 var cerrar=d.createElement("span");
 this.id_cerrar=id_unico("cerrar");
 cerrar.setAttribute("id",this.id_cerrar);
 cerrar.style.cssText="float:right;border:1px solid #FFF;cursor:pointer;color:#FFF;background-color:#09C;font-size:12px;font-weight:bold;line-height:14px;margin:2px;width:15px;";
 cerrar.onclick=cerrar_visor;
 cerrar.onmouseover=sobre_cerrar_visor;
 cerrar.onmouseout=salir_cerrar_visor;
  
 var textocerrar=d.createTextNode("X");
   
 var imagen=d.createElement("img");
 this.id_imagen=id_unico("imagen");
 imagen.setAttribute("id",this.id_imagen);
 imagen.style.cssText="margin:4px;";
 imagen.onload=al_cargar_imagen;
 
 cabecera.appendChild(cerrar);
 cerrar.appendChild(textocerrar);
 objVisor.appendChild(imagen);
 
 if(this.txtCtrlA!=""){
  var estEnlaces="color:#666;";
  var salto=d.createElement("br");
 
  var controlA=d.createElement("a");
  controlA.setAttribute("href","#");
	controlA.style.cssText=estEnlaces;
	controlA.onclick=this.mjdrCtrlA;
  var textocontrolA=d.createTextNode(this.txtCtrlA);
	
	objVisor.appendChild(salto);
  objVisor.appendChild(controlA);
  controlA.appendChild(textocontrolA);
 }
 
 if(this.txtCtrlB!=""){
  var controlB=d.createElement("a");
  controlB.setAttribute("href","#");
	controlB.style.cssText=estEnlaces;
	controlB.onclick=this.mjdrCtrlB;
  var textocontrolB=d.createTextNode(this.txtCtrlB);
	
	objVisor.appendChild(controlB);
  controlB.appendChild(textocontrolB);
 }
 
 d.body.appendChild(objVisor);
}

//Definición de métodos
function mostrar(fuente){
 cogElemPorId(this.id_imagen).src=fuente;
}

//manejadores de eventos
function cerrar_visor(evt){
 OculMosCapa(this.parentNode.parentNode.id);
}

function sobre_cerrar_visor(evt){
 this.style.backgroundColor="#069";
}

function salir_cerrar_visor(evt){
 this.style.backgroundColor="#09C";
}

function arrastrar_visor(evt){
 dragStart(evt,this.parentNode.id);
}

function al_cargar_imagen(evt){
 if(this.width!=0){
  var objVsrAx=this.parentNode;
	var ancho=this.width+(parseInt(this.style.marginLeft)*2);
	objVsrAx.style.width=objVsrAx.firstChild.style.width=ancho+"px";
 }
 if(!visible(objVsrAx.id)) OculMosCapa(objVsrAx.id);
}