/*
 * Requires SVUI Object
 */
if (typeof(SVUI) == 'undefined') throw("SVUI.ToolTip requires svui.js");

/*
 * SVUI.ToolTip
 */

SVUI.ToolTip = Class.create(SVUI.Base, {
	initialize: function(obj) {
		
	},
	
	Element: Class.create(SVUI.Element, {
		initialize: function($super, element) {
			$super(element);
			this.element.style.display = 'none';
			var parent = this.element.ancestors();
			if (parent[0]) {
				parent[0].observe('mousemove', function(event){
					this.element.style.display = '';
					this.element.style.left = Event.pointerX(event)+20+'px';
					this.element.style.top = Event.pointerY(event)+20+'px';
					new Effect.Fade(this.element, {to: .9, from: 1});
				}.bind(this));
				
				parent[0].observe('mouseout', function(){
					this.element.style.display = 'none';
				}.bind(this));
			}
		}
	}),
	
	options: {
		autoLoad: true,
		classSelector: ['div.tooltip', 'span.tooltip']
	}
});