	function InfoLayer(id, name) {
		this.id = id;
		this.name = name;
		this.p_id = '';
	}
	
	InfoLayer.prototype.show = function(e, content, p_id) {
		if (!$(this.id)) {
			var d = document.createElement('div');
			d.setAttribute('id', this.id);
			d.className = 'info_layer';
			/*d.innerHTML = '<div class="info_layer_close"><a href="javascript:' + this.name + '.hide()"><img src="images/icon_close.gif" alt="Close" width="11" height="11" border="0"></a></div><div id="' + this.id + '_c"></div>';*/
			document.body.appendChild(d);
		}
		/*$(this.id + '_c').innerHTML = content;*/
		$(this.id).innerHTML = content;
		$(this.id).show();
		if (p_id) {
			this.p_id = p_id;
			Position.clone($(p_id), $(this.id), {setWidth: false, setHeight: false});
		}
		Event.observe($(this.id), 'mouseout', this.onMouseOut.bindAsEventListener(this));
	}
	
	InfoLayer.prototype.hide = function() {
		$(this.id).hide();
	}
	
	InfoLayer.prototype.onMouseOut = function(e) {
		if (this.p_id == '' || Position.within($(this.p_id), Event.pointerX(e), Event.pointerY(e)) == false)
			this.hide();
	}	