window.addEvent('domready', init);

function init()
{
	naviInit();
	naviHighlight();
//	naviTooltip();
}
function naviInit()
{
	var naviMin = 120;
	var naviMax = 140;
	var naviSelect = 150;

	$$('#navi li').each(function(element){
			var selected = false;
			if(element.get('class') == 'selected')
				selected = true;
	
			var naviMorph = new Fx.Morph(element.getElement('a'), {
																			'link':'cancel',
																			'transition': Fx.Transitions.Quint.easeOut,
																			'duration' : 1000
																		});
			
			if(selected)
				naviMorph.set({ 'width' : naviMax });
			else
				naviMorph.set({ 'width' : naviMin });

			element.addEvent('mouseover', function(){
					if(!selected)
						naviMorph.start({'width': naviMax });
				});
				
			element.addEvent('mouseout', function(){
					if(!selected)
						naviMorph.start({'width': naviMin });
				});
		});
}
function naviHighlight()
{
	$$('#navi ul a').each(function(element){
			if (element.href == document.location.href)
			{
				element.setStyle('fontWeight', 900);
				element.set('text', "{ "+element.get('text')+" }");
			}
		});
}
function naviTooltip()
{
	var myTips = new Tips('#navi li', { 'className' : 'tooltip',
										'offset' : {'x': 10, 'y': -40}
									   });
}