var DivRemover = Class.create(
{
	initialize: function( element, escaparate )
	{
		if( typeof(element) == 'string' )
			element = document.getElementById( element );
		this.element = element;
		this.escaparate = escaparate;

		var handler = this.createTemplateHandler();		
	
		element.appendChild( handler );
		this.handler = handler;
	},
	createTemplateHandler: function()
	{
		var handler = document.createElement('div');
		handler.align="center";
		handler.valign="middle";
		handler.style.position= "absolute";
		handler.style.filter = "alpha(opacity=100)";
		handler.style.MozOpacity = "1";
		handler.style.cursor= "pointer";
		
		var img = document.createElement('img');
		img.src="/images/cerrar.gif";
		img.valign="middle";
		handler.appendChild( img );
		
		handler.divRemover = this;
		
		$(handler).observe('click', function (event) {
			this.divRemover.removeDiv();
			Event.stop(event);
		});

		handler.style.left = 4;
		handler.style.top = 0;
		
		handler.style.zIndex = parseInt(this.element.style.zIndex) + 1;
		
		return handler;
	},
	
	enableControls: function()
	{
		this.handler.style.visibility="visible";
	},
	disableControls: function()
	{
		this.handler.style.visibility="hidden";
	},
	removeDiv: function()
	{
		var escaparate = this.escaparate;
		var element = this.element;
		escaparate.removeDiv(element);
	}
}

);