//when the dom is ready
window.addEvent('domready', function() {
	
	
	//store titles and text
	$$('p.tipz').each(function(element,index) {
		var content = element.get('title').split('@');
		element.store('tip:title', content[0]);
		element.store('tip:text', content[1]);
	});
	
	$$('a.tipz').each(function(element,index) {
		var content = element.get('title').split('::');
		element.store('tip:title', content[0]);
		if (content[2] == null)
			element.store('tip:text', content[1]);
		else 
			element.store('tip:text', content[1] + '<br /><br />' + '<div class="tip-title">' + content[2] + '</div>' + '<div class="tip-text">' + content[3] + '</div>');
 
	});
	
	//create the tooltips
	var tipz = new Tips('.tipz',{
		className: 'tipz',
		fixed: true,
		hideDelay: 0,
		showDelay: 0
	});
	
	tipz.addEvents({
	'show': function(tip) {
		tip.fade('in');
	},
	'hide': function(tip) {
		tip.fade('out');
	}
	});
});