/*
--- 
provides: 
- JustTheTip
license: MIT-style
requires: 
- core:1.2.3/Class.Extras
- core:1.2.3/Element.Event
- core:1.2.3/Element.Style
- core:1.2.3/Selectors
- more:1.2.3.1/Class.Binds
- more:1.2.3.1/Element.Position
authors: 
- 3n
...
*/
function SetToolTips() {
	var ieversion = 0;
	if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){ //test for MSIE x.x;
 		ieversion=new Number(RegExp.$1) // capture x.x portion and store as a number
	}
	if (ieversion != 7) {
		new JustTheTip('.ShowToolTip', {
			tip_html : '',
			z_index    : 100,
			show_delay : 400,
			hide_delay : 200,
			fade_in_duration : 500,
			fade_out_duration : 1000,
			position: {position: 'bottomCentre',edge: 'upperCentre'},
			
			onTipShown: function(tip,elem,jtt){
				var TooltipHTML;
				var TooltipAJAX;
				var myFirstElement;
				var Tooltip_HTMLContainer;
				var y = elem.childNodes;
				for (var i=0;i<y.length;i++) {
					if ((y[i].className == 'ToolTip_Text') && (y[i].id != null) && (y[i].id != '')) {
						TooltipAjax = '/databases/default.asp?' + y[i].id
						y[i].id = '';
						var ToolTip_Text_Span = y[i];
						var req = new Request.HTML({url:TooltipAjax, 
							onSuccess: function(responseTree, responseElements, responseHTML, responseJavaScript) { 
								tip.set('html', '<div class="ToolTip">'+ responseHTML + '</div>');
								$(ToolTip_Text_Span).set('html', responseHTML);
							}
						});
								
						// Actually carry out the code above
						req.send();

					} else if ((y[i].className == 'ToolTip_Text') && (y[i].id == '')) {
						TooltipHTML = $(y[i]).get('html');
						tip.set('html', '<div class="ToolTip">'+ TooltipHTML + '</div>');
					} 
				}
				for (var i=0;i<y.length;i++) {
					if (y[i].tagName == 'A') {
						y[i].title = '';
					}
				}
			}
		});
	}
}
var JustTheTip = new Class({
	Implements: [Options, Events],
  Binds: ['hide_tip'],
	
	options : {
		show_delay : 400,
		hide_delay : 200,
		z_index    : 100,
		show_event : 'mouseenter',
		hide_event : 'mouseleave',
		tip_html   : '',
		tip_class  : 'tip',
		tip_enter  : 'mouseenter',
		tip_leave  : 'mouseleave',
		fade_in_duration  : 0,
		fade_out_duration : 0,
    position : { 'position': 'upperRight', 'edge': 'upperLeft' },
    shouldShowTip: function(elem){
      return true;
    }
	},
	
	initialize: function(elements, options){
		this.setOptions(options);
		this.elements = elements;

		this.the_tip = new Element('div', {
			'class' 	: this.options.tip_class,
			'styles' 	: {
				'display' 	: 'none',
				'position' 	: 'absolute',
				'top' 			: 0,
				'left' 			: 0,
				'z-index'   : this.options.z_index
			}
		}).inject(document.body)
			.set('html', this.options.tip_html);
			
		this.fireEvent('onTipInjected', [this.the_tip, this]);

		[this.options.tip_enter].flatten().each(function(te){
			this.the_tip.addEvent(te, this._tip_enter.bind(this));
		}, this);
		[this.options.tip_leave].flatten().each(function(tl){
			this.the_tip.addEvent(tl, this._tip_leave.bind(this));
		}, this);
			
		this.is_it_in_yet = false;
		this.detach_events();
		this.attach_events();
		
		return this;
	},
	
	attach_events: function(elements){
	  var elements = elements || this.elements;
		$$(elements).each(function(elem){
			elem.store('just_the_tip_on', true);
			[this.options.show_event].flatten().each(function(se){
			  var events_obj = {}, callback;
				if (se.match(/relay\(/)){
          var thiz = this;
          callback = function(){
             this.store('just_the_tip_on', true);
             thiz.show_tip(this);
           };
				} else
				  callback = this.show_tip.bind(this, elem);
				
				elem.addEvent(se, callback);
				events_obj[se] = callback;
			  elem.store('just-the-tip-events', $merge(elem.retrieve('just-the-tip-events') || {}, events_obj));					
			}, this);
		}.bind(this));
	},
	detach_events: function(elements){
	  var elements = elements || this.elements;
	  $$(elements).each(function(elem){
        elem.removeEvents();
		}.bind(this));
	},
	
	_get_position: function(){
	  if ($type(this.options.position) == 'string')
	    return {position: this.options.position};
	  else
	    return this.options.position;
	},
	
	_show_tip: function(){
	  this.the_tip.setStyle('display', 'block');
	},
	show_tip: function(elem){
	  if (!this.options.shouldShowTip(elem)) return;
	  
		this.current_element = elem;
		[this.options.hide_event].flatten().each(function(he){
			this.current_element.addEvent(he, this.hide_tip);
		}, this);
		
		$clear(this.timer);
		this.timer = (function(){
			if (elem.retrieve('just_the_tip_on')){
				this.fireEvent('tipShown', [this.the_tip, this.current_element, this]);
				if (Element.fade){
				  this.the_tip.fade('hide');
          this.the_tip.set('tween', {
            duration   : this.options.fade_in_duration,
            onStart    : this._show_tip.bind(this)
          }).fade('in');
				} else
				  this._show_tip();
        this.the_tip.position( $merge({relativeTo: elem, ignoreScroll: true}, this._get_position()) );        
			}
		}).delay(this.options.show_delay, this);
	},	
	_hide_tip: function(){
	  //this.the_tip.setStyle('display','none');
    this.fireEvent('tipHidden', [this.the_tip, this.current_element, this]);
	},
	hide_tip: function(){
		$clear(this.timer);
		this.timer = (function(){
			if (!this.is_it_in_yet) {				
				[this.options.hide_event].flatten().each(function(he){
					this.current_element.removeEvent(he, this.hide_tip);
				}, this);

        if (Element.fade){
          this.the_tip.set('tween', {
            duration   : this.options.fade_out_duration,
            onComplete : this._hide_tip.bind(this)
          }).fade('out');		
        } else
          this._hide_tip();
			}
		}).delay(this.options.hide_delay, this);
	},
	
	add_element: function(elem){
	  this.attach_events(elem);
	  return this;
	},
	
	turn_tips_on: function(elem){
	  var elem = elem || this.elements;
	  elem.store('just_the_tip_on', true);
	},
	turn_tips_off: function(elem){
	  var elem = elem || this.elements;
	  elem.store('just_the_tip_on', false);
	},
	
	_tip_enter: function(){
		this.is_it_in_yet = true;
	},
	_tip_leave: function(){
		this.is_it_in_yet = false;
		this.hide_tip();
	}
});