//when the dom is ready
window.addEvent('domready', function() {
	
	
	//store titles and text
	//$$('a.tipz').each(function(element,index) {
	$$('div.tipz').each(function(element,index) {
		//var content = element.get('title').split('::');
		var content = element.getElement('div').get('html');
		//element.store('tip:title', content[0]);
      element.store('tip:text', content);
	});
	
	//create the tooltips
	var tipz = new Tips('.tipz',{
		className: 'tipz',
		fixed: true,
		hideDelay: 50,
		showDelay: 50,
		offsets: {'x': -268, 'y': 20}
	});
	
	//customize
			tipz.addEvents({
				'show': function(tip) {
					tip.fade('in');
				},
				'hide': function(tip) {
					tip.fade('out');
				}
			});
	
});