// JavaScript Document
$(document).ready(function() {

	$("ul#topnav li").hover(function() { //Hover over event on list item
		$(this).css({ 'background' : '#3A536B'}); //Add background color and image on hovered list item
		
		$subNav = $(this).children("span:eq(0)");
		$subNav.children("a:eq(0)").css({'margin-left' : $(this).position().left + 15});
		
		$(this).find("span").show(); //Show the subnav
	} , function() { //on hover out...
		$(this).css({ 'background' : 'none'}); //Ditch the background
		$(this).find("span").hide(); //Hide the subnav
	});
	$("ul#topnav li:last-child").hover(function() { //Hover over event on list item
		$(this).css({ 'background' : '#3A536B'}); //Add background color and image on hovered list item
		
		$subNav = $(this).children("span:eq(0)");
		$subNav.children("a:eq(0)").css({'margin-left' : $(this).position().left + 15});
		
		$(this).find("span").show(); //Show the subnav
	} , function() { //on hover out...
		$(this).css({ 'background' : 'none'}); //Ditch the background
		$(this).find("span").hide(); //Hide the subnav
	});

});