window.addEvent('domready', function() {
	
	//when the dom is ready

		//store titles and text
		/*$$('#menu-community a').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 TipsFixed('.tooltip-community',{
			className: 'tooltip-community',
			fixed: true,
			hideDelay: 50,
			showDelay: 50,
			//initialize:function(){
			//	myFX = new Fx.Tween(this.tip, {property:'opacity',duration:500,wait:false});
			//	myFX.set(0);
			//},
			tipz.addEvents({
				'show': function(tips) {
					tip.fade('in');
				},
				'hide': function(tips) {
					tip.fade('out');
				}
			});
		});*/
	
		$$('#menu-community a').each(function(element,index) {
			var content = element.get('title').split('::');
			element.store('tip:title', content[0]);
			element.store('tip:text', content[1]);
		});

		var tipz = new TipsFixed($$('.tooltip-community'), {
			timeOut : 700,
			fixed: true,
			maxTitleChars : 50,
			hideDelay : 200,
			className : 'tooltip-community', //for you yo use in the css classes being then .tip .tip-title and .tip-text
			initialize: function() { this.tip.fade('hide'); },
				onShow : function(tip){
				tip.fade('in');
			},
			onHide: function(tip) {
				tip.fade('out');
			}
		});
		
		//myTips.tip.set('tween',{duration: 200});

		


});