$(document).ready(function () {
	//adjust headerswatch5 and table width width for firefox
	if (!$.browser.msie) {
		$('#headerswatch5').css('width', 363);
		$('#tablemain').css('width', 996);
	}


	//Append a div with hover class to all the LI
	$('#navMenu li').append('<div class="hover"><\/div>');
	$('#navMenu li').hover(
		//Mouseover, fadeIn the hidden hover class
		function() {
			// ie flashes them so just leave this out for them
			if (!$.browser.msie) {
				$(this).children('div').fadeIn('1000');
			}
		}, 
		//Mouseout, fadeOut the hover class
		function() {
			// ie flashes them so just leave this out for them
			if (!$.browser.msie) {
				$(this).children('div').fadeOut('1000');
			}
	}).click (function () {
		//Add selected class if user clicked on it
		$(this).addClass('selected');
	});


	$('#menu_aboutobesity').hover(
		//Mouseover, show submenu, position relative to left of parent
		function() {
			$('#submenu_aboutobesity').css('display', 'block');
			$('#submenu_aboutobesity').css('left', $('#menu_aboutobesity').position().left + 'px');
		}, 
		//Mouseout, hide submenu
		function() {
			$('#submenu_aboutobesity').css('display', 'none');
	});

	// for browsers that do not hover, open the menu with a click
	$('#menu_aboutobesity').click(
		//Mouseover, show submenu, position relative to left of parent
		function() {
			$('#submenu_aboutobesity').css('display', 'block');
			$('#submenu_aboutobesity').css('left', $('#menu_aboutobesity').position().left + 'px');
	});

	// keep the menu open as long as the mouse is over it
	$('#submenu_aboutobesity').hover(
		//Mouseover, show submenu, position relative to left of parent
		function() {
			$('#submenu_aboutobesity').css('display', 'block');
			$('#submenu_aboutobesity').css('left', $('#menu_aboutobesity').position().left + 'px');
		}, 
		//Mouseout, hide submenu
		function() {
			$('#submenu_aboutobesity').css('display', 'none');
	});

	$('#menu_surgeryoptions').hover(
		//Mouseover, show submenu, position relative to left of parent
		function() {
			$('#submenu_surgeryoptions').css('display', 'block');
			$('#submenu_surgeryoptions').css('left', $('#menu_surgeryoptions').position().left + 'px');
		}, 
		//Mouseout, hide submenu
		function() {
			$('#submenu_surgeryoptions').css('display', 'none');
	});

	// for browsers that do not hover, open the menu with a click
	$('#menu_surgeryoptions').click(
		//Mouseover, show submenu, position relative to left of parent
		function() {
			$('#submenu_surgeryoptions').css('display', 'block');
			$('#submenu_surgeryoptions').css('left', $('#menu_surgeryoptions').position().left + 'px');
	});

	// keep the menu open as long as the mouse is over it
	$('#submenu_surgeryoptions').hover(
		//Mouseover, show submenu, position relative to left of parent
		function() {
			$('#submenu_surgeryoptions').css('display', 'block');
			$('#submenu_surgeryoptions').css('left', $('#menu_surgeryoptions').position().left + 'px');
		}, 
		//Mouseout, hide submenu
		function() {
			$('#submenu_surgeryoptions').css('display', 'none');
	});

	$('#menu_learnmore').hover(
		//Mouseover, show submenu, position relative to left of parent
		function() {
			$('#submenu_learnmore').css('display', 'block');
			$('#submenu_learnmore').css('left', $('#menu_learnmore').position().left + 'px');
		}, 
		//Mouseout, hide submenu
		function() {
			$('#submenu_learnmore').css('display', 'none');
	});

	// for browsers that do not hover, open the menu with a click
	$('#menu_learnmore').click(
		//Mouseover, show submenu, position relative to left of parent
		function() {
			$('#submenu_learnmore').css('display', 'block');
			$('#submenu_learnmore').css('left', $('#menu_learnmore').position().left + 'px');
	});

	// keep the menu open as long as the mouse is over it
	$('#submenu_learnmore').hover(
		//Mouseover, show submenu, position relative to left of parent
		function() {
			$('#submenu_learnmore').css('display', 'block');
			$('#submenu_learnmore').css('left', $('#menu_learnmore').position().left + 'px');
		}, 
		//Mouseout, hide submenu
		function() {
			$('#submenu_learnmore').css('display', 'none');
	});

});
