window.addEvent('domready', function() {
	var i = 1;
	for(i = 1; i < 5; i++)
	{
		$('btn'+i+'_legend').set('opacity', 0);
		$('btn'+i).j = i;
		$('btn'+i).addEvents({
			mouseenter: function(){
				//Show legend
				$('btn'+this.j+'_legend').set('tween', {
					duration: 600,
					transition: Fx.Transitions.Quint.easeOut 
				}).tween('opacity', '1');
			},
			mouseleave: function(){
				//Hide legend
				$('btn'+this.j+'_legend').set('tween', {
					duration: 2000,
					transition: Fx.Transitions.Quint.easeOut
				}).tween('opacity', '0');
	
			}
		});
	}
	
	

	
	/*$('rightlinkstrigger').set('width', 0);
	$('rightlinks').set('opacity', '0');*/
	
});

var _IS_TRIGGERED_RIGHT = false;
function triggerRight()
{
	if(_IS_TRIGGERED_RIGHT)
	{
		var rightslide = new Fx.Morph('rightlinks', {duration: 'long', transition: Fx.Transitions.Quint.easeOut});
		var righttriggerslide = new Fx.Morph('rightlinkstrigger', {duration: 'long', transition: Fx.Transitions.Quint.easeOut});
 
		rightslide.start({
			'bottom': [0, -100]
		});
		righttriggerslide.start({
			'bottom': [100, 0]
		});
		_IS_TRIGGERED_RIGHT = false;
	}
	else
	{
		var rightslide = new Fx.Morph('rightlinks', {duration: 'long', transition: Fx.Transitions.Quint.easeOut});
		var righttriggerslide = new Fx.Morph('rightlinkstrigger', {duration: 'long', transition: Fx.Transitions.Quint.easeOut});
 
		rightslide.start({
			'bottom': [-100, 0]
		});
		righttriggerslide.start({
			'bottom': [0, 100]
		});
		
		_IS_TRIGGERED_RIGHT = true;
	}
}