// jQuery JavaScript for Site Navigation 
// Ron Hedberg - February - April 2011
//
// Top Main Menu hover displays div that contains Primary Navigation list menu.
// 
// Primary Navigation hover highlights top main menu text (or image equivalent).
// Primary Navigation item hover displays submenu if available.
// Primary Navigation div for each menu is large enough to contain menu 
// and all associated submenus, with submenus to the right of the primary menu. 
//
// Menus hide when hover completes. (in general)
// 
// Animated effects include slideDown, slideUp, show, hide, fadeIn, fadeOut.
//

var mainMenuContext = ""

function resetTopMenu() {
	// Return main menu to default images
	$("#main-nav-windows-item a").css("background-image", "url(/images/2011/nav/nav_windows_off.gif)");
	$("#main-nav-doors-item a").css("background-image", "url(/images/2011/nav/nav_doors_off.gif)");
	$("#main-nav-about-item a").css("background-image", "url(/images/2011/nav/nav_whyMarvin_off.gif)");
	$("#main-nav-planning-item a").css("background-image", "url(/images/2011/nav/nav_planning_off.gif)");
	$("#main-nav-inspiration-item a").css("background-image", "url(/images/2011/nav/nav_inspiration_off.gif)");
	$("#main-nav-support-item a").css("background-image", "url(/images/2011/nav/nav_productSupport_off.gif)");
	$("#main-nav-resources-item a").css("background-image", "url(/images/2011/nav/nav_resources_off.gif)");

	// Highlight the context of this page in the main menu
	if (mainMenuContext == 'windows') {
		$("#main-nav-windows-item a").css("background-image", "url(/images/2011/nav/nav_windows_on.gif)");
	} else if (mainMenuContext == 'doors') {
		$("#main-nav-doors-item a").css("background-image", "url(/images/2011/nav/nav_doors_on.gif)");
	} else if (mainMenuContext == 'about') {
		$("#main-nav-about-item a").css("background-image", "url(/images/2011/nav/nav_whyMarvin_on.gif)");
	} else if (mainMenuContext == 'planning') {
		$("#main-nav-planning-item a").css("background-image", "url(/images/2011/nav/nav_planning_on.gif)");
	} else if (mainMenuContext == 'inspiration') {
		$("#main-nav-inspiration-item a").css("background-image", "url(/images/2011/nav/nav_inspiration_on.gif)");
	} else if (mainMenuContext == 'support') {
		$("#main-nav-support-item a").css("background-image", "url(/images/2011/nav/nav_productSupport_on.gif)");
	} else if (mainMenuContext == 'resources') {
		$("#main-nav-resources-item a").css("background-image", "url(/images/2011/nav/nav_resources_on.gif)");
	} else {
		// Do not highlight anything in the main menu
	}

	// Return top menu to default text colors
	// $("#main-nav > ul > li > a").css("color", "#696158");
	// $("#main-nav > ul > li > a").delay(1000).css("color", "#696158");
}

function hideMenus() {
	resetTopMenu();
	hideSubMenus();
	try {
		$(".primary-nav").stop(true, false);
		$(".primary-nav").delay(500).animate({ height: 30 }, 1).delay(0).animate({ height: 0, opacity: '0.0' }, 1).fadeOut(1);
	} catch (err) { }
}
function hideMenusFast() {
	resetTopMenu();
	hideSubMenus();
	try {
		// jQuery .stop( [ clearQueue ], [ jumpToEnd ] )
		// clearQueue Boolean indicating whether to remove queued animation as well. Defaults to false.
		// jumpToEnd  Boolean indicating whether to complete the current animation immediately. Defaults to false.
		$(".primary-nav").stop(true, false);
		$(".primary-nav").css('opacity', 0.0);
		$(".primary-nav").css('height', 0);
		$(".primary-nav").fadeOut(1);
	} catch (err) { }
}


function hideSubMenus() {
	// Stop any pending animations of submenus
	try {
		$(".primary-nav-menu-sub").stop(true, true);
		$(".primary-nav-menu-sub:visible").delay(400).fadeOut(1);
	} catch (err) { }
}
function hideSubMenusAfterDelay() {
	// Stop any pending animations of submenus
	try {
		// $(".primary-nav-menu-sub").stop(true, true);  // February 2011
		// $(".primary-nav-menu-sub").delay(500).stop(true, true);  // March 2011
		$(".primary-nav-menu-sub").delay(800).stop(true, true);  // March 2011

		// $(".primary-nav-menu-sub").fadeOut("fast");  // February 2011
		// $(".primary-nav-menu-sub").delay(1000).fadeOut("fast");  // March 2011
		$(".primary-nav-menu-sub:visible").delay(1000).fadeOut(1);  // March 2011
	} catch (err) { }
}






/* Display one primary navigation drop-down menu */

function showMenuWindows() {
	resetTopMenu();
	$("#main-nav-windows-item a").css("background-image", "url(/images/2011/nav/nav_windows_over.gif)");
	// hideMenusFast();
	hideSubMenus();
	$(".primary-nav").not("#primary-nav-windows").not("#primary-nav-windows-simple").stop(true, false);
	$(".primary-nav").not("#primary-nav-windows").not("#primary-nav-windows-simple").css('opacity', 0.0);
	$(".primary-nav").not("#primary-nav-windows").not("#primary-nav-windows-simple").css('height', 0);
	$(".primary-nav").not("#primary-nav-windows").not("#primary-nav-windows-simple").fadeOut(1);

	// $(".main-nav-windows").stop(true).css("color", "#696158");

	// Stop associated primary menu from sliding up
	// example of delay $(this).children(":nth-child(2)").stop(true, true).delay(500).slideDown("fast");
	// jQuery .stop( [ clearQueue ], [ jumpToEnd ] )
	// clearQueue Boolean indicating whether to remove queued animation as well. Defaults to false.
	// jumpToEnd  Boolean indicating whether to complete the current animation immediately. Defaults to false.

	$("#primary-nav-windows").stop(true, false);
	// $("#primary-nav-windows > ul.primary-nav-menu").stop(true, false);
	$("#primary-nav-windows-simple").stop(true, false);
	// $("#primary-nav-windows-simple > ul.primary-nav-menu").stop(true, true);

	//    if ($("#primary-nav-windows > ul.primary-nav-menu").is(":hidden")) {
	//        $("#primary-nav-windows > ul.primary-nav-menu").show();    }
	//    if ($("#primary-nav-windows-simple > ul.primary-nav-menu").is(":hidden")) {
	//        $("#primary-nav-windows-simple > ul.primary-nav-menu").show();    }    

	// $("#primary-nav-windows").fadeIn("fast");
	// $("#primary-nav-windows").slideDown();
	// $("#primary-nav-windows").show();
	// $("#primary-nav-windows > ul.primary-nav-menu").slideDown();
	// $("#primary-nav-windows").animate({ height: 195 }, 400);
	// $("#primary-nav-windows > ul.primary-nav-menu").animate({ padding: '15 0 15 0' }, 400);

	// $("#primary-nav-windows").css('padding-top', '15px');
	// $("#primary-nav-windows").css('padding-bottom', '15px');
	// $("#primary-nav-windows").css('display', 'block');
	// $("#primary-nav-windows").css('visibility', 'visible');
	// $("#primary-nav-windows").delay(400).show();
	// $("#primary-nav-windows").animate({ opacity: 0.9 }, 50)
	// $("#primary-nav-windows").animate({ height: 195 }, 400);
	$("#primary-nav-windows").delay(300).show();
	$("#primary-nav-windows").animate({ opacity: 0.9 }, 1);
	$("#primary-nav-windows").animate({ height: 190 }, 5);
	// $("#primary-nav-windows").css('opacity', 0.9);
	// $("#primary-nav-windows").css('height', 195);
	// $("#primary-nav-windows > ul.primary-nav-menu").delay(50).css('padding-top', '15px').css('padding-bottom', '15px').css('padding-top', '15px').show().animate({ opacity: 1.0 }, 50);
	// $("#primary-nav-windows").css('padding-top', '15px').css('padding-bottom', '15px').show().animate({ opacity: 0.9 }, 50).animate({ height: 195 }, 400);
	// $("#primary-nav-windows > ul.primary-nav-menu").delay(50).css('padding-top', '15px').css('padding-bottom', '15px').css('padding-top', '15px').show().animate({ opacity: 1.0 }, 50);

	// $("#primary-nav-windows-simple").slideDown();
	// $("#primary-nav-windows-simple").show();
	// $("#primary-nav-windows-simple > ul.primary-nav-menu").slideDown();
	// $("#primary-nav-windows-simple").animate({ height: 195 }, 400);
	// $("#primary-nav-windows-simple > ul.primary-nav-menu").animate({ padding: '15 0 15 0' }, 400);
	// $("#primary-nav-windows-simple").css('padding-top', '15px');
	// $("#primary-nav-windows-simple").css('padding-bottom', '15px');
	$("#primary-nav-windows-simple").delay(300).show();
	$("#primary-nav-windows-simple").animate({ opacity: 0.9 }, 1);
	$("#primary-nav-windows-simple").animate({ height: 190 }, 5);
	// $("#primary-nav-windows-simple").css('opacity', 0.9);
	// $("#primary-nav-windows-simple").css('height', 195);
	// $("#primary-nav-windows-simple > ul.primary-nav-menu").delay(50).css('padding-top', '15px').css('padding-bottom', '15px').show().animate({ opacity: 1.0 }, 50);
}
function showMenuDoors() {
	resetTopMenu();
	$("#main-nav-doors-item a").css("background-image", "url(/images/2011/nav/nav_doors_over.gif)");
	hideSubMenus();
	// Hide other primary nav menus
	$(".primary-nav").not("#primary-nav-doors").not("#primary-nav-doors-simple").stop(true, false);
	$(".primary-nav").not("#primary-nav-doors").not("#primary-nav-doors-simple").css('opacity', 0.0);
	$(".primary-nav").not("#primary-nav-doors").not("#primary-nav-doors-simple").css('height', 0);
	$(".primary-nav").not("#primary-nav-doors").not("#primary-nav-doors-simple").fadeOut(1);

	// Stop associated primary menu from sliding up
	$("#primary-nav-doors").stop(true, false);
	$("#primary-nav-doors-simple").stop(true, false);

	$("#primary-nav-doors").delay(300).show();
	$("#primary-nav-doors").animate({ opacity: 0.9 }, 1);
	$("#primary-nav-doors").animate({ height: 155 }, 1);
	$("#primary-nav-doors-simple").delay(300).show();
	$("#primary-nav-doors-simple").animate({ opacity: 0.9 }, 1);
	$("#primary-nav-doors-simple").animate({ height: 155 }, 1);
}
function showMenuAbout() {
	resetTopMenu();
	$("#main-nav-about-item a").css("background-image", "url(/images/2011/nav/nav_whyMarvin_over.gif)");
	hideSubMenus();
	// Hide other primary nav menus
	$(".primary-nav").not("#primary-nav-about").not("#primary-nav-about-simple").stop(true, false);
	$(".primary-nav").not("#primary-nav-about").not("#primary-nav-about-simple").css('opacity', 0.0);
	$(".primary-nav").not("#primary-nav-about").not("#primary-nav-about-simple").css('height', 0);
	$(".primary-nav").not("#primary-nav-about").not("#primary-nav-about-simple").fadeOut(1);

	// Stop associated primary menu from sliding up
	$("#primary-nav-about").stop(true, false);
	$("#primary-nav-about-simple").stop(true, false);

	$("#primary-nav-about").delay(300).show();
	$("#primary-nav-about").animate({ opacity: 0.9 }, 1);
	$("#primary-nav-about").animate({ height: 130 }, 1);
	$("#primary-nav-about-simple").delay(300).show();
	$("#primary-nav-about-simple").animate({ opacity: 0.9 }, 1);
	$("#primary-nav-about-simple").animate({ height: 80 }, 1);
}
function showMenuPlanning() {
	resetTopMenu();
	$("#main-nav-planning-item a").css("background-image", "url(/images/2011/nav/nav_planning_over.gif)");
	hideSubMenus();
	// Hide other primary nav menus
	$(".primary-nav").not("#primary-nav-planning").not("#primary-nav-planning-simple").stop(true, false);
	$(".primary-nav").not("#primary-nav-planning").not("#primary-nav-planning-simple").css('opacity', 0.0);
	$(".primary-nav").not("#primary-nav-planning").not("#primary-nav-planning-simple").css('height', 0);
	$(".primary-nav").not("#primary-nav-planning").not("#primary-nav-planning-simple").fadeOut(1);

	// Stop associated primary menu from sliding up
	$("#primary-nav-planning").stop(true, false);
	$("#primary-nav-planning-simple").stop(true, false);

	$("#primary-nav-planning").delay(300).show();
	$("#primary-nav-planning").animate({ opacity: 0.9 }, 1);
	$("#primary-nav-planning").animate({ height: 130 }, 1);
	$("#primary-nav-planning-simple").delay(300).show();
	$("#primary-nav-planning-simple").animate({ opacity: 0.9 }, 1);
	$("#primary-nav-planning-simple").animate({ height: 130 }, 1);
}
function showMenuInspiration() {
	resetTopMenu();
	$("#main-nav-inspiration-item a").css("background-image", "url(/images/2011/nav/nav_inspiration_over.gif)");
	hideSubMenus();
	// Hide other primary nav menus
	$(".primary-nav").not("#primary-nav-inspiration").not("#primary-nav-inspiration-simple").stop(true, false);
	$(".primary-nav").not("#primary-nav-inspiration").not("#primary-nav-inspiration-simple").css('opacity', 0.0);
	$(".primary-nav").not("#primary-nav-inspiration").not("#primary-nav-inspiration-simple").css('height', 0);
	$(".primary-nav").not("#primary-nav-inspiration").not("#primary-nav-inspiration-simple").fadeOut(1);

	// Stop associated primary menu from sliding up
	$("#primary-nav-inspiration").stop(true, false);
	$("#primary-nav-inspiration-simple").stop(true, false);

	$("#primary-nav-inspiration").delay(300).show();
	$("#primary-nav-inspiration").animate({ opacity: 0.9 }, 1);
	$("#primary-nav-inspiration").animate({ height: 1000 }, 1);
	$("#primary-nav-inspiration-simple").delay(300).show();
	$("#primary-nav-inspiration-simple").animate({ opacity: 0.9 }, 1);
	$("#primary-nav-inspiration-simple").animate({ height: 100 }, 1);
}
function showMenuSupport() {
	resetTopMenu();
	$("#main-nav-support-item a").css("background-image", "url(/images/2011/nav/nav_productSupport_over.gif)");
	hideSubMenus();
	// Hide other primary nav menus
	$(".primary-nav").not("#primary-nav-support").not("#primary-nav-support-simple").stop(true, false);
	$(".primary-nav").not("#primary-nav-support").not("#primary-nav-support-simple").css('opacity', 0.0);
	$(".primary-nav").not("#primary-nav-support").not("#primary-nav-support-simple").css('height', 0);
	$(".primary-nav").not("#primary-nav-support").not("#primary-nav-support-simple").fadeOut(1);

	// Stop associated primary menu from sliding up
	$("#primary-nav-support").stop(true, false);
	$("#primary-nav-support-simple").stop(true, false);

	$("#primary-nav-support").delay(300).show();
	$("#primary-nav-support").animate({ opacity: 0.9 }, 1);
	$("#primary-nav-support").animate({ height: 500 }, 1);
	$("#primary-nav-support-simple").delay(300).show();
	$("#primary-nav-support-simple").animate({ opacity: 0.9 }, 1);
	$("#primary-nav-support-simple").animate({ height: 135 }, 1);
}
function showMenuResources() {
	resetTopMenu();
	$("#main-nav-resources-item a").css("background-image", "url(/images/2011/nav/nav_resources_over.gif)");
	hideSubMenus();
	// Hide other primary nav menus
	$(".primary-nav").not("#primary-nav-resources").not("#primary-nav-resources-simple").stop(true, false);
	$(".primary-nav").not("#primary-nav-resources").not("#primary-nav-resources-simple").css('opacity', 0.0);
	$(".primary-nav").not("#primary-nav-resources").not("#primary-nav-resources-simple").css('height', 0);
	$(".primary-nav").not("#primary-nav-resources").not("#primary-nav-resources-simple").fadeOut(1);

	// Stop associated primary menu from sliding up
	$("#primary-nav-resources").stop(true, false);
	$("#primary-nav-resources-simple").stop(true, false);

	$("#primary-nav-resources").delay(300).show();
	$("#primary-nav-resources").animate({ opacity: 0.9 }, 1);
	$("#primary-nav-resources").animate({ height: 285 }, 1);
	$("#primary-nav-resources-simple").delay(300).show();
	$("#primary-nav-resources-simple").animate({ opacity: 0.9 }, 1);
	$("#primary-nav-resources-simple").animate({ height: 285 }, 1);
}
function showMenuRole() {
	resetTopMenu();
	hideSubMenus();
	// Hide other primary nav menus
	$(".primary-nav").not("#primary-nav-role").stop(true, false);
	$(".primary-nav").not("#primary-nav-role").css('opacity', 0.0);
	$(".primary-nav").not("#primary-nav-role").css('height', 0);
	$(".primary-nav").not("#primary-nav-role").fadeOut(1);
	// Stop associated primary menu from sliding up
	$("#primary-nav-role").stop(true, false);
	$("#primary-nav-role").delay(100).show().animate({ opacity: 0.9 }, 1).animate({ height: 60 }, 1);
}
function showMenuRoleConsumer() {
	resetTopMenu();
	hideSubMenus();
	// Hide other primary nav menus
	$(".primary-nav").not("#primary-nav-role-consumer").stop(true, false);
	$(".primary-nav").not("#primary-nav-role-consumer").css('opacity', 0.0);
	$(".primary-nav").not("#primary-nav-role-consumer").css('height', 0);
	$(".primary-nav").not("#primary-nav-role-consumer").fadeOut(1);
	// Stop associated primary menu from sliding up
	$("#primary-nav-role-consumer").stop(true, false);
	$("#primary-nav-role-consumer").delay(100).show().animate({ opacity: 0.9 }, 1).animate({ height: 60 }, 1);
}





/********* Document.Ready function executed when page is loaded **********/


$(document).ready(function() {


	/* Top Menu Hover Events - Open primary navigation menu */
	/* Hover effects for list item containers for top main menu */

	$("#main-nav-windows-item").hover(
	  function() { showMenuWindows(); },
	  function() { }
	);
	$("#main-nav-doors-item").hover(
	  function() { showMenuDoors(); },
	  function() { }
	);
	$("#main-nav-about-item").hover(
	  function() { showMenuAbout(); },
	  function() { }
	);
	$("#main-nav-planning-item").hover(
	  function() { showMenuPlanning(); },
	  function() { }
	);
	$("#main-nav-inspiration-item").hover(
	  function() { showMenuInspiration(); },
	  function() { }
	);
	$("#main-nav-support-item").hover(
	  function() { showMenuSupport(); },
	  function() { }
	);
	$("#main-nav-resources-item").hover(
	  function() { showMenuResources(); },
	  function() { }
	);
	$("#main-nav-role-item").hover(
	  function() { showMenuRoleConsumer(); },
	  function() { }
	);
	$("#main-nav-role-pro-item").hover(
	  function() { showMenuRole(); },
	  function() { }
	);


	/* Hover Effects for Primary Navigation Menu List Item Links */
	/* The list items <li> do not reliably trigger the hover event in IE8 */
	$(".primary-nav-menu > li > a").hover(
		function() {
			$(this).css("background-color", "#ffffff");
			// $(this).parent().css("background-color", "#00cc00");
			hideSubMenusAfterDelay();
		},
		function() {
			$(this).css("background-color", "Transparent");
			// $(this).parent().css("background-color", "Transparent");
			hideSubMenusAfterDelay();
		}
      );






	/* Hide menus when mouse out and no longer needed */
	$("div.primary-nav").hover(
		function() {
			// Do not change show or hide status 
		},
		function() { hideMenus(); }
	);

	$("ul.primary-nav-menu-sub").hover(
		function() { $(this).stop(true, true).show(); },
		function() { $(this).delay(500).hide(); }
	);



	$(".primary-nav-menu-sub > li > a").hover(
	  function() {
	  	$(this).css("background-color", "#ffffff");
	  },
	  function() {
	  	$(this).css("background-color", "Transparent");
	  }
	);

	// Menu parents are list items that contain another list for the submenu
	$(".primary-nav-menu-parent").hover(
		function() {
			// Stop any pending animations of submenus
			// $(".primary-nav-menu-sub").stop(true, true);
			hideSubMenus();
			// Show submenu if hover lasts 0.500 second
			$(this).children(":nth-child(2)").stop(true, true).delay(500).fadeIn(1);
		},
		function() {
			// Do not hide this menu or its submenu yet since they may have 
			// moved over to the corresponding submenu.
		}
	);

	/* 
	// list no longer scrolls down and main nav toggling is handled elsewhere
	$("#primary-nav-windows").hover(
	function() {
	// $(this).children("first-child").slideDown("fast");
	},
	function() {
	// $(".main-nav-windows").stop(true).delay(2000).css("color", "#696158"); 
	}
	);
	$("#primary-nav-doors").hover(
	function() {
	// $(this).children("first-child").slideDown("fast");
	},
	function() {
	// $(".main-nav-doors").stop(true).delay(2000).css("color", "#696158"); 
	}
	);
	$("#primary-nav-about").hover(
	function() {
	// $(this).children("first-child").slideDown("fast");
	},
	function() {
	// $(".main-nav-about").stop(true).delay(2000).css("color", "#696158");
	}
	);
	$("#primary-nav-planning").hover(
	function() {
	// $(this).children("first-child").slideDown("fast");
	},
	function() {
	// $(".main-nav-planning").stop(true).delay(2000).css("color", "#696158"); 
	}
	);
	$("#primary-nav-inspiration").hover(
	function() {
	// $(this).children("first-child").slideDown("fast");
	},
	function() {
	// $(".main-nav-inspiration").stop(true).delay(2000).css("color", "#696158"); 
	}
	);
	$("#primary-nav-support").hover(
	function() {
	// $(this).children("first-child").slideDown("fast");
	},
	function() {
	// $(".main-nav-support").stop(true).delay(2000).css("color", "#696158");
	}
	);
	$("#primary-nav-resources").hover(
	function() {
	// $(this).children("first-child").slideDown("fast");
	},
	function() {
	// $(".main-nav-resources").stop(true).delay(2000).css("color", "#696158");
	}
	);
	$("#primary-nav-windows-simple").hover(
	function() {
	// $(this).children("first-child").slideDown("fast");
	},
	function() {
	// $(".main-nav-windows").stop(true).delay(2000).css("color", "#696158");
	}
	);
	$("#primary-nav-doors-simple").hover(
	function() {
	// $(this).children("first-child").slideDown("fast");
	},
	function() {
	// $(".main-nav-doors").stop(true).delay(2000).css("color", "#696158"); 
	}
	);
	$("#primary-nav-about-simple").hover(
	function() {
	// $(this).children("first-child").slideDown("fast");
	},
	function() {
	// $(".main-nav-about").stop(true).delay(2000).css("color", "#696158"); 
	}
	);
	$("#primary-nav-planning-simple").hover(
	function() {
	// $(this).children("first-child").slideDown("fast");
	},
	function() {
	// $(".main-nav-planning").stop(true).delay(2000).css("color", "#696158"); 
	}
	);
	$("#primary-nav-inspiration-simple").hover(
	function() {
	// $(this).children("first-child").slideDown("fast");
	},
	function() {
	// $(".main-nav-inspiration").stop(true).delay(2000).css("color", "#696158"); 
	}
	);
	$("#primary-nav-support-simple").hover(
	function() {
	// $(this).children("first-child").slideDown("fast");
	},
	function() {
	// $(".main-nav-support").stop(true).delay(2000).css("color", "#696158"); 
	}
	);
	$("#primary-nav-resources-simple").hover(
	function() {
	// $(this).children("first-child").slideDown("fast");
	},
	function() {
	// $(".main-nav-resources").stop(true).delay(2000).css("color", "#696158"); 
	}
	);

	*/

	$("#page-head").hover(
        function() {
        	hideSubMenus();
        	hideMenus();
        },
        function() { }
    );
	$("#content-main").hover(
        function() {
        	hideSubMenus();
        	hideMenus();
        },
        function() { }
    );
	$("#content").hover(
        function() {
        	hideSubMenus();
        	hideMenus();
        },
        function() { }
    );
	$("#content-center").hover(
        function() {
        	hideSubMenus();
        	hideMenus();
        },
        function() { }
	);


	// Optional SECONDARY NAVIGATION code is in NavSecondary.ascx control so  
	// that page DOM is loaded before jQuery functions are defined.


	// End of $(document).ready(function() 
}
);