// JavaScript Document


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

	//cerco le voci di menu
	var menu = $$('#menu ul li a');
	
	for (var i=0; i<menu.length; i++) {
		//salvo i titoli e li cancello per evitare il tooltip
		menu[i].notitle = menu[i].title;
		menu[i].title = '';
		menu[i].myIndex = i;
		
		//aggiungo gli eventi all'entrata del mouse
		menu[i].addEvent('mouseenter',function (e){
			e.stop();
			this.morph('#menu ul li a.hover');
			var tt = new Element('div', {
						'class':'menutooltip',
						'html':this.notitle
			});
			
			$('menu').grab(tt,'top');
			tt.style.left = (50+(80*this.myIndex))+'px';
			tt.set('opacity','0');
			tt.set('tween', {duration: 500});
			tt.tween('opacity', '0.9');
		});
		
		//aggiungo gli eventi over al menu
		menu[i].addEvent('mouseleave',function (e){
			e.stop();
			this.morph('#menu ul li a'); //scritta
			
			var tts = $$('.menutooltip');
			for(var i=0;i<tts.length;i++) {
				tts[i].tween('opacity', '0');
				tts[i].dispose();
			}
		});
	}
});

window.addEvent('contextmenu',function(e){ e.stop(); });