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]);   
    });
	
	$$('a.Tips2').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: true,   
        hideDelay: 50,   
        showDelay: 50   
    }); 
	
	tipz.addEvents({   
		'show': function(tip) {   
			tip.fade('in');   
		},   
		'hide': function(tip) {   
			tip.fade('out');   
		}   
	});
	
	/* Tips 1 */
	var Tips1 = new Tips($$('.Tips1'));
	
	/* Tips 2 */
	var Tips2 = new Tips($$('.Tips2'), {
		initialize:function(){
			if (!$defined(this.tip) || !$(this.tip)) {
				alert('no this.tip object to assign Fx.Tween to');
			}
			this.fx = new Fx.Tween(this.tip, {'property':'opacity','duration': 500, 'wait': false}).set(0);
			if (!$defined(this.fx)) {
				alert('this.fx no being defined. ' + $type(this.fx));
			}
		}
		
		// initialize:function(){
			// this.fx = new Fx.Tween(this.tip, {'property':'opacity','duration': 500, 'wait': false}).set(0);
		// },
		// onShow: function(toolTip) {
			// this.fx.start(1);
		// },
		// onHide: function(toolTip) {
			// this.fx.start(0);
		// }
	});
	
	/* Tips 3 */
	var Tips3 = new Tips($$('.Tips3'), {
		showDelay: 400,
		hideDelay: 400,
		fixed: true
	});
	
	/* Tips 4 */
	var Tips4 = new Tips($$('.Tips4'), {
		className: 'custom'
	});
       
});