function showElement( element ) {
 	document.getElementById(element).style.display = 'block';
}

function hideElement( element ){
 	document.getElementById(element).style.display = 'none';
}

$$('#mainmenu span').each(
		 function(el) 
		 {
			 var trans = new Fx.Transition(Fx.Transitions.Sine, 10);
			 var elFx = new Fx.Tween(el, {duration: 400, transition: trans.easeOut});
  
			 el.addEvent('mouseover', function()
			 {
				 elFx.cancel();
				 elFx.start('background-color','#999');
			 });
			 el.addEvent('mouseout', function()
			 {
				 elFx.cancel();
				 elFx.start('background-color','#FFF');
			 });
		 });
 
 
 
 /**
  * SLIDESHOW
  */
 var mySlideShow;

 window.addEvent('domready',function(){
 	
 	// instance with a few options
 	mySlideShow = new SlideShow('slides',{
 		delay: 3000,
 		autoplay: true
 	});
 	
 	// Event demonstration
 	mySlideShow.addEvents({
 		/*
 		onShow: function(){ $('onShow').highlight(); },
 		onShowComplete: function(){ $('onShowComplete').highlight(); },
 		onReverse: function(){ $('onReverse').highlight(); },
 		onPlay: function(){ $('onPlay').highlight(); },
 		onPause: function(){ $('onPause').highlight(); }
 		*/
 	});
 	
 	// the rest of the demo showing how to control the instance
 	var toggled = [$('show'), $('showNext'), $('showPrevious'), $('showIndex')];
 	
 	/*
 	$('pause').addEvent('click',function(){
 		
 		mySlideShow.pause();
 		
 		toggled.each(function(button){ button.set('disabled', false);	});
 		this.set('disabled', true);
 		$('play').set('disabled', false);
 		$('reverse').set('disabled', true);
 	});
 	
 	$('play').addEvent('click',function(){
 		mySlideShow.play();
 		
 		toggled.each(function(button){
 			button.set('disabled', true);
 		});
 		this.set('disabled', true);
 		$('pause').set('disabled', false);
 		$('reverse').set('disabled', false);
 	});
 	
 	$('reverse').addEvent('click',function(){
 		mySlideShow.reverse();
 	});
 	
 	$('show').addEvent('click',function(){
 		mySlideShow.show(mySlideShow.slides[4], {
 			duration: 3000,
 			transition: 'fadeThroughBackground'
 		});
 	});
 	
 	$('showIndex').addEvent('click',function(){
 		mySlideShow.show(0);
 	});
 	
 	$('showNext').addEvent('click',function(){
 		mySlideShow.showNext();
 	});
 	
 	$('showPrevious').addEvent('click',function(){
 		mySlideShow.showPrevious();
 	});
 	*/
 });
