$(document).ready(function() {
      $('.scroll-pane').jScrollPane({showArrows: true});

			$("#menu li a").wrapInner( '<span class="out"></span>' ).append( '<span class="bg"></span>' );
			$("#menu li a").each(function() {
				$( '<span class="over">' +  $(this).text() + '</span>' ).appendTo( this );
			});

			$("#menu li a").hover(function() {
				// this function is fired when the mouse is moved over
				$(".out",	this).stop().animate({'top':	'43px'},	250); // move down - hide
				$(".over",	this).stop().animate({'top':	'0px'},		250); // move down - show
				$(".bg",	this).stop().animate({'top':	'0px'},		120); // move down - show

			}, function() {
				// this function is fired when the mouse is moved off
				$(".out",	this).stop().animate({'top':	'0px'},		250); // move up - show
				$(".over",	this).stop().animate({'top':	'-43px'},	250); // move up - hide
				$(".bg",	this).stop().animate({'top':	'-43px'},	120); // move up - hide
			});
			
			$("#menu_f li a").wrapInner( '<span class="out"></span>' ).append( '<span class="bg"></span>' );
			$("#menu_f li a").each(function() {
				$( '<span class="over">' +  $(this).text() + '</span>' ).appendTo( this );
			});

			$("#menu_f li a").hover(function() {
				// this function is fired when the mouse is moved over
				$(".out",	this).stop().animate({'top':	'43px'},	250); // move down - hide
				$(".over",	this).stop().animate({'top':	'0px'},		250); // move down - show
				$(".bg",	this).stop().animate({'top':	'0px'},		120); // move down - show

			}, function() {
				// this function is fired when the mouse is moved off
				$(".out",	this).stop().animate({'top':	'0px'},		250); // move up - show
				$(".over",	this).stop().animate({'top':	'-43px'},	250); // move up - hide
				$(".bg",	this).stop().animate({'top':	'-43px'},	120); // move up - hide
			});			
			
			
		});