var toolTip = {
	offsetY : 10,
	offsetX : 10,
	preview : function(obj, event) {
		var target = obj.attr('id') + '-content';
		if (target.length > 0) {
				if (!$('#' + target).hasClass('selected')) {
					$('.tooltip-target').removeClass('selected');
					$('.tooltip-target').fadeOut(1000);
					$('#' + target).addClass('selected');
					$('#' + target)
						.css('top', (event.pageY - toolTip.offsetX) + 'px')
						.css('left', (event.pageX + toolTip.offsetY) + 'px')
						.fadeIn(1000);
				} else {
					$('#' + target).removeClass('selected');
					$('#' + target).fadeOut(1000);
				}
			
		}
	}
};
$(function() {

	$('.tooltip').live('click', function(event) {
		toolTip.preview($(this), event);
		return false;
	});
	
	$('.tooltip-target').live('click', function() {
		$(this).removeClass('selected');
		$(this).hide();
		return false;
	});

});

var toolTip = {
	offsetY : 10,
	offsetX : 10,
	preview : function(obj, event) {
		var target = obj.attr('id') + '-content';
		if (target.length > 0) {
				if (!$('#' + target).hasClass('selected')) {
					$('.tooltip-target').removeClass('selected');
					$('.tooltip-target').fadeOut(1000);
					$('#' + target).addClass('selected');
					$('#' + target)
						.css('top', (event.pageY - toolTip.offsetX) + 'px')
						.css('left', (event.pageX + toolTip.offsetY) + 'px')
						.fadeIn(1000);
				} else {
					$('#' + target).removeClass('selected');
					$('#' + target).fadeOut(1000);
				}
			
		}
	}
};
$(document).ready(function() {

	$('.tooltip').live('click', function(event) {
		toolTip.preview($(this), event);
		return false;
	});
	
	$('.tooltip-target').live('click', function() {
		$(this).removeClass('selected');
		$(this).hide();
		return false;
	});

});