(function($) {
		  
	///////////////////////////////////////////////////////////////////////////
	//
	//		HERE'S WHERE WE ACTUALLY DEFINE SITE USAGE
	//
	///////////////////////////////////////////////////////////////////////////
	$(function()	{
		new wvTooltips($('.wvTip'),	{
			position: {
				x: 'center',
				y: 'above'
			},
			corner: {
				x: 'right'
			},
			offset: {
				x: -11,
				y: -4
			}
		});
	});
	
	
	
	///////////////////////////////////////////////////////////////////////////
	//
	//		VERSIONING IS IMPORTANT FOR FUTURE BUG FIXING
	//
	///////////////////////////////////////////////////////////////////////////
	var wvTooltipsDetails = {
		'author': 'Darren Waddell',
		'created': '11/06/08',
		'version': '1.02'
	};
	
	
	
	///////////////////////////////////////////////////////////////////////////
	//
	//		LASTLY, THE ACTUAL JAVASCRIPT PLUGIN
	//
	///////////////////////////////////////////////////////////////////////////
	var wvTooltips = function(els, options){ 
		
		var defaults = {
			event: 'hover',
			className: 'tool',
			cursor: '',
			position: {	x: 'right',	y: 'below'	},
			corner: {	x: 'right',	y: 'bottom'	},
			offset: {	x: 0,		y: 0		},
			onShow: function(el)	{	return true;	},
			onHide: function(el)	{	return true;	},
			showDelay: 500,
			hideDelay: 0
		};
		var options = $.extend(defaults, options || {}); 
		var container, sleeve, title, text;
		var delay;
		var els = els.filter('[rel!=]');
		
		var _createTooltip = function()	{
			container = $('<div></div>').addClass(options.className + "-tip").addClass('tip').css({left:'-9999px', top:'0'}).appendTo($('body'));
			sleeve = $('<div></div>').addClass(options.className + "-sleeve").appendTo(container);
			title = $('<h2></h2>').addClass(options.className + "-title").appendTo(sleeve);
			text = $('<div></div>').addClass(options.className + "-text").appendTo(sleeve);
		};
		
		var _storeTooltips = function()	{
			els.each(function()	{
				$.data(this, 'tool-tip', $(this).attr('rel'));
				$(this).removeAttr('rel').removeAttr('alt'); // IE displays alt text over the top
			});
		};
		
		var _show = function(el)	{
			tip = $.data(el, 'tool-tip').split("::");
			if(tip.length > 1)	{
				title.css('display', '').text(tip[0]);	
				text.html(tip[1]);
			}
			else	{
				title.css('display', 'none').text('');	
				text.html(tip[0]);
			}
			_position(el);
			options.onShow(el);
		};
		
		var _position = function(el)	{
			elPos = $(el).offset();
			elWidth = $(el).width();
			elHeight = $(el).height();
			tipWidth = $(container).width();
			tipHeight = $(container).height();
			
			if(options.position.x == 'left')	
				x = elPos.left - tipWidth;
			else if(options.position.x == 'center')	
				x = elPos.left - (tipWidth/2);
			else	x = elPos.left + elWidth;
			
			if(options.position.y == 'above')	y = elPos.top - tipHeight;
			else	y = elPos.top + elHeight;
			
			if(options.corner.x == 'right')		x += elWidth;
			
			container.css({
				'left': x + options.offset.x,
				'top': y + options.offset.y
			});
		};
		
		var _hide = function(el)	{
			container.css('left', '-9999px');
			options.onHide(el);
		};
		
		var _bindEventToElements = function()	{
			if(options.event == 'click')
				els.toggle(	function(e)	{	_show(e.target);	}, 
							function(e)	{	_hide(e.target);	});
			else
				els.hover(function(e)	{
					var el = e.target;
					window.clearTimeout(delay);
					delay = window.setTimeout(function()	{
						_show(el);
					}, options.showDelay);
				}, function(e)	{
					var el = e.target;
					window.clearTimeout(delay);
					delay = window.setTimeout(function()	{
						_hide(el);
					}, options.hideDelay);
				});
		};
		
		var _setCursor = function()	{
			if(options.cursor != '')	els.css('cursor', options.cursor);	
		};
		
		var _init = function()	{
			_createTooltip();
			_storeTooltips();
			_bindEventToElements();
			_setCursor();
		}();
		
	};
	
})(jQuery);