$(document).ready(function(){
	//close all the secondary nav divs on page load
		$('#main-nav li ul').hide();

		$("#main-nav li").hover(function() {
		  $(this).children("ul").animate({
				  opacity: 'show'
				}, 100);
		}, function() {
		  $(this).children("ul").animate({
			  opacity: 'hide'
			}, 200);
		});
		


	});