$(function() {
		// set opacity to nill on page load
		$("ul#menu span").css("opacity","0");
		// on mouse over
		$("ul#menu span").hover(function () {
			// animate opacity to full
			$(this).stop().animate({opacity: 1}, "medium");
		},
		// on mouse out
		function () {
			// animate opacity to nill
			$(this).stop().animate({
				opacity: 0
			}, "slow");
		});
	});

function showhidediv(id) {
var i;
for(i=1;i<=6;i++)
document.getElementById('id' + i).style.display = 'none';
document.getElementById('id' + id).style.display = 'block';

}





			$(function()



			{



				// this initialises the demo scollpanes on the page - each with different



				// animation characteristics.



				$('#spane1, #spane2, #spane3, #spane4, #spane5, #spane6').jScrollPane({animateTo:true, animateInterval:150, animateStep:3, showArrows:true});



            	// set up the links



				$('a.scroll-to-element-demo').bind(



					'click',



					function()



					{



						$this = $(this);



						var destinationSelector = $(this).attr('rel');



						$('.scroll-pane', $this.parent().parent().parent()).each(



							function()



							{



								this.scrollTo(destinationSelector);



							}



						);



						return false;



					}



				);



			});