window.addEvent('domready', function() {   
       
       
    //store titles and text   
    $$('a.tipz').each(function(element,index) {   
        var content = element.get('title').split('::');   
        element.store('tip:title', content[0]);   
        element.store('tip:text', content[1]);   
    });   
       
    //create the tooltips   
    var tipz = new Tips('.tipz',{   
        className: 'tipz',   
        fixed: false,
        hideDelay: 50,   
        showDelay: 50   
    });
	 tipz.addEvents({   
    'show': function(tip) {   
        tip.fade('in');   
    },   
    'hide': function(tip) {   
        tip.fade('out');   
    }   
}); 
       
});  
/*<div class="options.className"> //the className you pass in options will be assigned here.   
    <div class="tip-top"></div> //useful for styling   
    
    <div class="tip">  
    
        <div class="tip-title"></div>  
    
        <div class="tip-text"></div>  
    
    </div>  
    
    <div class="tip-bottom"></div> //useful for styling   
</div>*/