window.addEvent('domready', function() {
var customTips = $$('.tooltip');

var toolTips = new Tips(customTips, {
	//this will set how long before 
	//the tooltip will wait to show up
	//when you mouseover the element
	//in milliseconds
	showDelay: 100,    //default is 100
	
	//this is how long the tooltip
	//will delay bofore hiding
	//when you leave
	hideDelay: 100,   //default is 100
	
	//this will add a wrapper div 
	//with the following class to your tooltips
	//this lets you have different styles of tooltips
	//on the same page
	className: 'anything', //default is null
	
	//this sets the x and y offets
	offsets: {
		'x': 16,       //default is 16
		'y': 16        //default is 16
	},
	
	//this determines whether the tooltip
	//remains staitionary or follows your cursor
	//true makes it stationary
 	fixed: false,      //default is false
	
	//if you call the functions outside of the options
	//then it may "flash" a bit on transitions
	//much smoother if you leave them in here
	onShow: function(toolTipElement){
	    //passes the tooltip element
		//you can fade in to full opacity
		//or leave them a little transparent
    	toolTipElement.fade(1);
		$('show').highlight('#FFF504');
	},
	onHide: function(toolTipElement){
    	toolTipElement.fade(0);
		$('hide').highlight('#FFF504');
	}
});

//you can change the tooltips values by using .store();
//to override the rel, you can use the following code
$('tooltip_work1').store('tip:text', 'View the Stronger photos');
$('tooltip_work1').store('tip:title', 'Stronger09');
$('tooltip_work2').store('tip:text', 'View the RN09 photos');
$('tooltip_work2').store('tip:title', RN09');
$('tooltip_work3').store('tip:text', 'View the Cherish photos');
$('tooltip_work3').store('tip:title', 'Cherish09');
$('tooltip_work4').store('tip:text', 'View the Lift photos');
$('tooltip_work4').store('tip:title', 'Lift09');
$('tooltip_work5').store('tip:text', 'View the Peter Pan photos');
$('tooltip_work5').store('tip:title', 'PeterPan');
});