/*///////////////////////////////////////////////////////////////////////////////////////////////////////
// tooltip
//////////////////////////////////////////////////////////////////////////////////////////////////////*/
(function($){  
	$.fn.myTooltip = function(vars) {
	var element = this;
	var tooltipId = (vars.tooltipId != undefined) ? vars.tooltipId : 'tooltip';
	var width = (vars.width != undefined) ? vars.width : 150;
	var xOffset = (vars.xOffset != undefined) ? vars.xOffset : 10;
	var yOffset = (vars.yOffset != undefined) ? vars.yOffset : 20;
	
	$(element).hover(
	function(e){
		jQuery(element).attr("title", "");
		jQuery(element).children("img").attr("title", "");
		var content = $(this).children("span.content").html();
		
		if(content != null )
			$("body").append("<p id='" + tooltipId + "'>" + content + "</p>");
			
		$("#" + tooltipId + "")
			.css("width", width + "px")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("slow");		
	}, 
	function(){		
		$("#" + tooltipId + "").remove();
    });
	
	$(element).mousemove(function(e){
		$("#" + tooltipId + "")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});	
	
}})(jQuery);  

$(document).ready(function(){
	jQuery(".info").myTooltip(
	{
		xOffset : 0,
		yOffset : -280,
		width: 250, 
		tooltipId : "tooltip" 
	})
	
});