// JavaScript Document
//definicion de funciones constructoras
function Capa(posX, posY, ancho, alto, color, z, op, visibilidad, id){
	//definimos las propiedades de esta funcion constructora dando sus valores a traves de los parametros de la funcion
	this.x=posX; //propiedad que indica la posicion horizontal del objeto
	this.y=posY; //propiedad que indica la posicion vertical del objeto
	this.w=ancho; //propiedad que indica el ancho del objteo
	this.h=alto; //propiedad que indica el alto del objeto
	this.c=color; //propiedad que indica el color del objeto
	this.z=z; //propiedad que indica el zIndex del objeto
	this.op=op; //propiedad que indica la transparencia del objeto
	this.v=visibilidad; //propiedad que indica si el objeto es o no es visible
	this.id=id; //propiedad que controla el id del objeto
}

/*vamos a definir una funcion q relaciona las propiedades definidas anteriormente en la funcion constructora con los estilos reales de un elemento de la pagina web definido a traves de un tag de html*/
function mostrarObjeto(){
	var r=document.getElementById(this.id).style;
	//relacionamos las propiedades definidas anteriormente con los estilos
	r.left=this.x+"px";
	r.top=this.y+"px";
	r.background=this.c;
	r.width=this.w+"px";
	r.height=this.h+"px";
	r.zIndex=this.z;
	r.visibility=this.v;
	r.opacity=this.op;
	r.filter="alpha(opacity="+this.op*100+")";//esto es para Explorer
}

/*ahora relacionamos esta funcion creada anteriormente con la funcion
contructorra definiendola como un metodo de la misma*/

Capa.prototype.mostrar=mostrarObjeto;