// Define configuration defaults
$.fn.qtip.defaults = {
	prerender: false,
	id: false,
	overwrite: true,
	content: {
		text: true,
		attr: 'title',
		title: {
			text: false,
			button: false
		}
	},
	position: {
		my: 'top left',
		at: 'bottom right',
		target: false,
		container: false,
		viewport: false,
		adjust: {
			x: 0, y: 0,
			mouse: true,
			resize: true
		},
		effect: true
	},
	show: {
		target: false,
		event: 'mouseenter',
		effect: true,
		delay: 90,
		solo: false,
		ready: false,
		modal: false
	},
	hide: {
		target: false,
		event: 'mouseleave',
		effect: true,
		delay: 0,
		fixed: false,
		inactive: false
	},
	style: {
		classes: '',
		widget: false,
		tip: {
			corner: true,
			mimic: false,
			width: 8,
			height: 8,
			border: true,
			offset: 0
		}
	},
	events: {
		render: null,
		move: null,
		show: null,
		hide: null,
		toggle: null,
		focus: null,
		blur: null
	}
};

$.fn.qtip.defaults.content.text = 'I\'m here by default... woooooo!'; // Change the default tooltip text
$.fn.qtip.defaults.position.target = $('.selector');

$.fn.qtip.defaults = $.extend(true, {}, $.fn.qtip.defaults, {
	content: {
		text: 'I\'m here by default... woooooo!' // Change the default tooltip text
	},
	position: {
		target: $('.selector') // Set an alternative positioning element
	}
});

var api = elementWithqTip.data('qtip'); // Access the API of an element with a qTip applied

// Create our first tooltip
$('.selector').qtip({
	content: 'I\'m just one of many tooltips that will render on this element...',
	position: {
		my: 'top left', at: 'bottom right'
	}
})
 
// Remove the previous tooltips data
.removeData('qtip')
 
// Create our second tooltip
.qtip({
	content: 'I\'m just one of many tooltips that will render on this element...',
	style: {
		classes: 'ui-tooltip-blue'
	}
});

$('.selector').qtip({
	content: $('.selector') // The content you are putting in your tooltip, with the other plugin needs access to,
	events: {
		render: function() {
			// Grab the content
			var content = api.elements.content;
 
			// Now that the tooltip is rendered, we can call our other plugins to act on its contents
			$(content).otherPlugin();
		}
	}
})

/* jQuery Validation
 * http://bassistance.de/jquery-plugins/jquery-plugin-validation/
 */
$('form').validate({
	errorPlacement: function(error, element) {
		// qTip call
		$(element).not('.valid').qtip();
	},
	success: function(error) {
		// Hide tooltips on valid elements
		setTimeout(function() {
			myForm.find('.valid').qtip('hide');
		}, 1);
	}
})
 
/* FullCalendar
 * http://arshaw.com/fullcalendar/
 */
$('#calendar').fullCalendar({
	viewDisplay: function() {
		// qTip call
		$('.fc-event', this).qtip();
	}
});
 
/* jMonthCalendar
 * http://www.bytecyclist.com/projects/jmonthcalendar/
 */
$.jMonthCalendar.Initialize(
{
	onEventBlockClick: function(event)
	{
		// qTip call
		$(this).qtip();
	}
}
, events);

<?php// Source: http://www.wprecipes.com/how-to-use-jquery-1-4-by-default-on-your-wordpress-blog
if(!is_admin()){
	wp_deregister_script('jquery');
	wp_register_script('jquery', ("http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"), false, '');
}?>

<?php// Source: http://digwp.com/2009/06/including-jquery-in-wordpress-the-right-way/
wp_enqueue_script('qtip', 'path/to/jquery.qtip-2.0.0.pack.js', array('jquery'), false, true); ?>

<?php wp_enqueue_script('qtipCall', 'path/to/qtipcall.js', array('jquery', 'qtip'), false, true); ?>

/* Important part - our steps. 
*    This contains an array of objects, each containing the properties of
*   the tooltip for each step. For this example we use only:
*
*      position.target    content.text       content.title
*   
*   You can obviously expand this as you require, but be sure to update the
*   custom event code to set the new properties if you do!
*/
var steps = [
	{ target: $('#target1'), title: 'Welcome to step 1!', content: 'Description...' },
	{ target: $('#target2'), title: 'Step 2...', content: 'We are...' },
	{ target: $('#target3'), title: 'and now Step 3', content: 'More text...' }
];
 
$(document).ready(function()
{
	$(document.body).qtip({
		id: 'step', // Give it an ID of ui-tooltip-step so we an identify it easily
		content: {
			text: steps[0].content, // Use first steps content...
			title: {
				text: steps[0].title, // ...and title
				button: true
			}
		},
		position: {
			my: 'top center',
			at: 'bottom center',
			target: steps[0].target, // Also use first steps position target...
			viewport: $(window) // ...and make sure it stays on-screen if possible
		},
		show: {
			event: false, // Only show when show() is called manually
			ready: true // Also show on page load
		},
		hide: false, // Don't' hide unless we call hide()
		events: {
			render: function(event, api) {
				// Grab tooltip element
				var tooltip = api.elements.tooltip;
 
				// Track the current step in the API
				api.step = 0;
 
				// Bind custom custom events we can fire to step forward/back
				tooltip.bind('next prev', function(event) {
					// Increase/decrease step depending on the event fired
					api.step += event.type === 'next' ? 1 : -1;
					api.step = Math.max(0, api.step);
 
					// Set new step properties
					var current = steps[api.step];
					if(current) {
						api.set('content.text', current.content);
						api.set('content.title.text', current.title);
						api.set('position.target', current.target);
					}
 
					// If we get to the end of the guide, hide the tooltip
					else if(api.step > steps.length - 1){
						api.hide();
					}
				});
			},
 
			// Destroy the tooltip after it hides as its no longer needed
			hide: function(event, api) { api.destroy(); }
		}
	});
});

<div id="next">Next step »</div>
<div id="prev">Previous step «</div>

$('#next, #prev').bind('click', function(event) {
	// Trigger the tooltip event
	$('#ui-tooltip-step').triggerHandler(this.id);
 
	// Stop the link from actually clicking
	event.preventDefault();
});