// physics_global_on_load.js
// Requires JQuery 3+
// Global for the Physics website
// Contains javascript to be run when the pages loads
$(document).ready(function () {

	$(".subLinks").css("display","block"); // see .subLinks style in main.css
	$(".topLevel > ul").css("border","1px solid #666666");
	
   // When tabbing through the links, make the hidden (offscreen) sub menus appear
	$(".subLinks > a").focus(function(){
   		$(this).closest("ul").css("left","auto");
		$(this).closest("ul").closest("li").css("background-color","#333333");
	});
   
   // make the sub menus disappear on tabbing out
	$(".subLinks > a").blur(function(){
	 	$(this).closest("ul").css("left","");
		$(this).closest("ul").closest("li").css("background-color","#A27B2C");
	});

	
	// Suckerfish hover menus. For IE.
	sfHover = function() 
	{
		if ($("#leftNav").length > 0)
		{
			var sfEls = document.getElementById("leftNav").getElementsByTagName("LI");
			for (var i=0; i<sfEls.length; i++) 
			{
				sfEls[i].onmouseover=function()
				{
					this.className+=" sfhover";
				}
				sfEls[i].onmouseout=function() 
				{
					this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
				}
			}
		}
	}
	if (window.attachEvent) window.attachEvent("onload", sfHover);
	
});