var HoverThumbNail = Class.create({

	initialize: function(obj)
	{
		this.obj = Element.extend(obj);
		this.img = $('hoverThumbImg');
		this.newTop = 0;
		this.newLeft = 0;
		
		//this.mouseMove = this.mouseMove.bindAsEventListener(this)
	},
	
	enable: function(trgt,src)
	{
		this.img.src = src;
		this.trgt = trgt;
		this.obj.show();
		this.updateOffset(trgt.cumulativeOffset(),trgt.getWidth(),trgt.getHeight());
		
		Event.observe(this.trgt,'mouseout',this.mouseOut);
		//Event.observe(document,'mousemove',this.mouseMove);
	},
	
	disable: function()
	{
		this.obj.hide();
		this.img.src = '';
		Event.stopObserving(this.trgt,'mouseout',this.mouseOut);
		//Event.stopObserving(document,'mousemove',this.mouseMove);
		//this.obj.setStyle({'top':'0px','left':'0px'});
	},
	
	mouseOut: function()
	{
		maSite.hideThumb();
	},
	
	mouseMove: function(e)
	{
		this.newTop = Event.pointerY(e) + 2;
		this.newLeft = Event.pointerX(e) + 2;
		
		this.obj.setStyle({'top':this.newTop+'px','left':this.newLeft+'px'});
	},
	
	updateOffset: function(offset,w,h)
	{
		this.newTop = offset.top - h/2;
		this.newLeft = offset.left + w;
		
		this.obj.setStyle({'top':this.newTop+'px','left':this.newLeft+'px'});
	}

});