//side menu

$(document).ready(function(){


//re instate the roll overs after an item has been clicked
$("#mainnav li a").mouseover(function(){$(this).css("color", "#FABD6D");});

$("#mainnav li ul li a").mouseover(function(){$(this).css("color", "#FFFFFF");});

$("#mainnav li a").mouseout(function(){$(this).css("color", "#FFFFFF");});

$("#mainnav li ul li a").mouseout(function(){$(this).css("color", "#036667");});






	$("#mainnav li").click(function(){
	
				//first, hide all submenus and resize them
				
				$("#mainnav li").css("background-image", "url(http://www.locumotion.co.uk/library/leftmenu/menu_main_under.jpg)");
				$("#mainnav li ul li").css("background-image", "none");
				$("#mainnav li a").css("color", "#FFFFFF");
				
				
				$(this).css("background-image", "url(http://www.locumotion.co.uk/library/leftmenu/menu_main_over.jpg)"); 
				$(this).find("a").css("color", "#FABD6D");
				
	
	//if the menu has a submenu
	if ($(this).find("ul").length !=0)
	{
		
		$("#mainnav li ul").hide();
				$("#mainnav li").css("height","24px");
		
		
		
	
			$(this).css("height","auto");//allow spacing for the selected menu
			$(this).find("ul li a").css("color", "#036667");//bring the sublinks back
			$(this).find("ul").slideDown("slow");
			
			
			
	}
	
	 
	});
	
	
	
});