window.addEvent('domready', function(){

		$$('.tips').each(function(element,index) {
				var content = element.get('title').split('::');
				element.store('tip:title', content[0]);
				element.store('tip:text', content[1]);
		});
		
		var bulles = new Tips($$('.tips'), {
			timeOut		: 700,
			maxTitleChars	: 50,
			hideDelay		: 200,
			className		: 'custom' //for you yo use in the css classes being then .tip .tip-title and .tip-text
		//	onShow		: function(tip){
		//		tip.setStyle('opacity', '0.9');
		//	}
		});

		var myIconMenu = new IconMenu({
			//the list that contains all the 'icons'
			container: $('userHistoryBar').getElement('ul'), 
			//the images in the icons
			images: $$('#userHistoryBar img'), 
			//a function to execute when an item is selected
			onSelect: function(index, img){
				img.setStyle('border', '1px solid #77f');
			},
			useAxis: 'y'
		});
		
		new Lightbox();
});