var g_Layer;
var navegador = new Navegador();

if (navegador.dom || navegador.ie4){
	document.writeln('<style>');
	document.writeln('#containerLayer {');
	document.writeln('position : absolute;');
	document.writeln('left : 400px;');
	document.writeln('top : 150px;');
	document.writeln('width : 190px;');
	navegador.platform=='Win32'?height=73:height=73;
	document.writeln('height : ' + height +'px;');
	//document.writeln('clip:rect(0px 190px ' + height + 'px 0px);');
	document.writeln('visibility : hidden;');
	//document.writeln('background-color : #FFFFFF');
	document.writeln('}');
	document.writeln('</style>')
	document.write('<div id="containerLayer"');
	document.write('></div>');
}

// the now standard navegador sniffer class
function Navegador(){
	this.dom = document.getElementById?1:0;
	this.ie4 = (document.all && !this.dom)?1:0;
	this.ns4 = (document.layers && !this.dom)?1:0;
	this.ns6 = (this.dom && !document.all)?1:0;
	this.ie5 = (this.dom && document.all)?1:0;
	this.ok = this.dom || this.ie4 || this.ns4;
	this.platform = navigator.platform;
}

function Layer(){
	g_Layer = this;

	if (navegador.ns4){
		var tmpLayer = new Layer(127);
		if (timeoutDelay){
			tmpLayer.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
		}
		tmpLayer.x = 100;
		tmpLayer.y = 100;
		tmpLayer.bgColor = "#FFFFFF";
	}
	if (navegador.dom || navegador.ie4){
		var tmpLayer = navegador.dom?document.getElementById('containerLayer'):document.all.container;
		if(tmpLayer == null) alert("Error al crear Layer");
	}
	this.containerLayer = tmpLayer;
	if (navegador.ns4 && navegador.platform=='Win32') {
		this.containerLayer.clip.height=134;
		this.containerLayer.clip.width=127;
	}
}

Layer.prototype.escribirContenido = function(strContenido){	  
	if (navegador.ns4){
		this.containerLayer.document.open();
		this.containerLayer.document.write(str);
		this.containerLayer.document.close();
	} 
	if (navegador.dom || navegador.ie4){
		this.containerLayer.innerHTML = strContenido;
	}
}

Layer.prototype.mostrar = function(event, strContenido){
	if(event != null){
		if (navegador.ie5 || navegador.ie4){
			var event = window.event;
		}
		if (navegador.ns4){
			this.containerLayer.x = event.x+10;
			this.containerLayer.y = event.y;
		}	  
		if (navegador.ie5 || navegador.ie4){
			var obj = event.srcElement;
			x = 0;
			while (obj.offsetParent != null) {
				x += obj.offsetLeft;
				obj = obj.offsetParent;
			}
			x += obj.offsetLeft;
			y = 0;
			var obj = event.srcElement;
			while (obj.offsetParent != null) {
				y += obj.offsetTop;
				obj = obj.offsetParent;
			}
			y += obj.offsetTop;
		
			this.containerLayer.style.left = x+25;
			if (event.y>0)this.containerLayer.style.top = y + 20;                
		}
		if (navegador.ns6){
			this.containerLayer.style.left = event.pageX+10;
			this.containerLayer.style.top = event.pageY;
		}
	}
	else{
		this.containerLayer.x = 100;
		this.containerLayer.y = 100;
	}

	this.escribirContenido(strContenido);

	if (navegador.ns4) {
		this.containerLayer.hidden=false;
	}
	if (navegador.dom || navegador.ie4){
		this.containerLayer.style.visibility='visible';
	} 	            
}

Layer.prototype.ocultar = function(){
	if (navegador.ns4 && this.containerLayer.hidden == false){
		this.escribirContenido("");
		this.containerLayer.hidden = true;
	}
	if ((navegador.dom || navegador.ie4) && this.containerLayer.style.visibility != '' && this.containerLayer.style.visibility != 'hidden'){
		this.escribirContenido("");
		this.containerLayer.style.visibility='hidden';	
	}	 
}