$(document).ready(function(){

	// MENU IMAGES
	var selectedMenu = $("#header #menu li.selected img").attr("name");
		
	$("#header #menu li").hover(
	
		function () {
			$("#header #menu li [name='"+selectedMenu+"']").attr("src","images/menu/"+selectedMenu+".png");
			$("img",this).attr("src","images/menu/"+$("img",this).attr("name")+"On.png");
		},
		function () {
			$("img",this).attr("src","images/menu/"+$("img",this).attr("name")+".png");
			$("#header #menu li [name='"+selectedMenu+"']").attr("src","images/menu/"+selectedMenu+"On.png");
		}
	
	);

	// MENU SPACER
	var style = 'easeOutElastic';
	var default_left = Math.round($('#menu .selected').offset().left - $('#menu').offset().left)+20;
	var default_width = $('#menu .selected').width()-40;
	$('#strip #runner').css({width: default_width, left: default_left});

	$('#menu li').hover(
	
		function () {
			
			left = Math.round($(this).offset().left - $('#menu').offset().left)+20;
			width = $(this).width()-40; 
			$('#strip #runner').stop(false, true).animate({width: width, left: left},{duration:500});

		});
		
	$('#menu li').mouseleave(function () {

		left = Math.round($('#menu .selected').offset().left - $('#menu').offset().left)+20;
		width = $('#menu .selected').width()-40;
		$('#strip #runner').stop(false, true).animate({width: width, left: default_left},{duration:500});	

	});

	
});