// wait until the document is ready, then load stuff
$(document).ready(function(){

	// hide the submenu, then show it when someone hovers over a list item
	$("#nav li ul").hide();
	$("#nav li").hover(
		function(){
			$(this).find("ul:first").css({
				visibility: "visible"
			}).slideDown(0);
		}, function(){
			$(this).find("ul:first").css({
				visbility: "hidden"
			}).slideUp(0);
	});


	// hide the submenu, then show it when someone hovers over a list item
	$("#topNav li ul").hide();
	$("#topNav li").hover(
		function(){
			$(this).find("ul:first").css({
				visibility: "visible"
			}).slideDown(0);
		}, function(){
			$(this).find("ul:first").css({
				visbility: "hidden"
			}).slideUp(0);
	});


	// hide the submenu, then show it when someone hovers over a list item
	$("#video li ul").hide();
	$("#video li").hover(
		function(){
			$(this).find("ul:first").css({
				visibility: "visible"
			}).slideDown(0);
		}, function(){
			$(this).find("ul:first").css({
				visbility: "hidden"
			}).slideUp(0);
	});
	
	
	
	
});