$(document).ready(function(){
    
    $("ul#topnav li.menu-2").hover(function() { //Hover over event on list item
		$("#menu").css({ 'background' : '#a02f87'}); //Add background color and image on hovered list item
		$(this).find(".submenu").show(); //Show the subnav
	} , function() { //on hover out...
		$("#menu").css({ 'background' : 'none'}); //Ditch the background
		$(this).find(".submenu").hide(); //Hide the subnav
	});
	
	$("ul#topnav li.menu-3").hover(function() { //Hover over event on list item
		$("#menu").css({ 'background' : '#009ee0'}); //Add background color and image on hovered list item
		$(this).find(".submenu").show(); //Show the subnav
	} , function() { //on hover out...
		$("#menu").css({ 'background' : 'none'}); //Ditch the background
		$(this).find(".submenu").hide(); //Hide the subnav
	});
	
	$("ul#topnav li.menu-4").hover(function() { //Hover over event on list item
		$("#menu").css({ 'background' : '#e85426'}); //Add background color and image on hovered list item
		$(this).find(".submenu").show(); //Show the subnav
	} , function() { //on hover out...
		$("#menu").css({ 'background' : 'none'}); //Ditch the background
		$(this).find(".submenu").hide(); //Hide the subnav
	});
	
	$("ul#topnav li.menu-5").hover(function() { //Hover over event on list item
		$("#menu").css({ 'background' : 'none'}); //Add background color and image on hovered list item
		$(this).find(".submenu").show(); //Show the subnav
	} , function() { //on hover out...
		$("#menu").css({ 'background' : 'none'}); //Ditch the background
		$(this).find(".submenu").hide(); //Hide the subnav
	});
    
});