// JavaScript Document
(function($){

	$.fn.barrytip = function(options) {
		//default code
		
		
		if($("div"+$.fn.barrytip.ref).length == 0) {
			
			var $div = $("<div>");
			$div.css({
				"display"			:	"none",
				"position"			:	"absolute",
				"z-index"			:	"1000",
				"top"				:	"-150px",
				"left"				:	"-50px",
				"background-color"	:	"#ffffe1",
				"border"			:	"1px solid #000",
				"color"				:	"#000",
				"padding"			:	"2px 2px 1px",
				"font-size"			:	"11px",
				"letter-spacing"	:	"-1px",
				"font-family"		:	"Verdana, sans-serif"
			});
			$div.attr("id",$.fn.barrytip.id);
			$(this).data("text",options.text);
			$(document.body).append($div);
		}
		
		//for each element do it:
		return $(this).each(function(){
			//code
			
			$(this).mouseover(function(e){
				//code here
				$($.fn.barrytip.ref).html($(this).data("text"))
			$($.fn.barrytip.ref).delay(350).stop(true,true).css({
			"top"			:	($.fn.barrytip.my+17) +"px",
			"left"			:	($.fn.barrytip.mx-10) + "px"
			}).fadeIn(200);
				
			});
			$(this).mousemove(function(e){
				//code here
				$.fn.barrytip.mx = (e.pageX);
				$.fn.barrytip.my = (e.pageY);
			});
			$(this).mouseout(function(e){
				//code here
				$($.fn.barrytip.ref).delay(500).fadeOut(400);
			});
			
		});
 	};
	
	$.fn.barrytip.id = "barrytipdiv";
	$.fn.barrytip.ref = "#"+$.fn.barrytip.id;
	$.fn.barrytip.mx = 0;
	$.fn.barrytip.my = 0;


})(jQuery);