function ShowPopup(id) {
     try {
		hp = document.getElementById("hoverpopup");
		
		// Set popup to visible
		//hp.style.top = hoveritem.offsetTop + 18;
		//hp.style.left = hoveritem.offsetLeft + 20;
		
		hp.style.visibility = "Visible";
		
		hp.innerHTML = "<table border=\"1\" rules=\"none\" frame=\"box\" width=\"30%\">"
		      + "<tr><td><b>Why do we need this</b></td></tr>"
		      + "<tr><td>To receive text alerts to your cell "
		      + "phone when new files are uploaded for your "
		      + "classes.</td></tr></table>";
		      
		var elem = document.getElementById("hovercell");
		var startX = findPosX(elem);
		var startY = findPosY(elem);
		
		hp.style.left = (startX + 30) + "px";
		hp.style.top = startY + "px";
	   } catch (err) {
	      alert(err);
	   }
	}
	
	function HidePopup()
	{
		hp = document.getElementById("hoverpopup");
		hp.style.visibility = "Hidden";
		hp.innerHTML = "";
	}
	
	function ShowPasPopup(hoveritem) {
		hp = document.getElementById("hoverpopup");
		
		// Set popup to visible
		//hp.style.top = hoveritem.offsetTop + 18;
		//hp.style.left = hoveritem.offsetLeft + 20;
		
		hp.style.visibility = "Visible";
		
		hp.innerHTML = "<table border=\"1\" rules=\"none\" frame=\"box\" width=\"30%\">"
		      + "<tr><td><b>Password Requirements</b></td></tr>"
		      + "<tr><td>Passwords must at least have 6 characters, an upper case letter, "
		      + "a lower case letter, and a number</td></tr></table>";
		      
		var elem = document.getElementById("hoverpas");
		var startX = findPosX(elem);
		var startY = findPosY(elem);
		
		hp.style.left = (startX + 30) + "px";
		hp.style.top = startY + "px";
	}
	
	function ShowNotificationPopup(hoveritem) {
		hp = document.getElementById("hoverpopup");
		
		// Set popup to visible
		//hp.style.top = hoveritem.offsetTop + 18;
		//hp.style.left = hoveritem.offsetLeft + 20;
		
		hp.style.visibility = "Visible";
		
		hp.innerHTML = "<table border=\"1\" rules=\"none\" frame=\"box\" width=\"30%\">"
		      + "<tr><td><b>Notification Emails</b></td></tr>"
		      + "<tr><td>Notifications are by default sent to your primary email address, unless "
		      + "your secondary address ends in '.edu'. If you would like to change which address "
		      + "emails are sent to, you can do so by editing your profile once you have completed "
		      + "registration.</td></tr></table>";
		      
		var elem = document.getElementById("hovernot");
		var startX = findPosX(elem);
		var startY = findPosY(elem);
		
		hp.style.left = (startX + 30) + "px";
		hp.style.top = startY + "px";
	}
	
	function ShowSchPopup(hoveritem) {
		hp = document.getElementById("hoverpopup");
		
		// Set popup to visible
		//hp.style.top = hoveritem.offsetTop + 18;
		//hp.style.left = hoveritem.offsetLeft + 20;
		
		hp.style.visibility = "Visible";
		
		hp.innerHTML = "<table border=\"1\" rules=\"none\" frame=\"box\" width=\"30%\">"
		      + "<tr><td>You can request to have your school added after you are logged in.</td></tr></table>";
		      
		var elem = document.getElementById("hoversch");
		var startX = findPosX(elem);
		var startY = findPosY(elem);
		
		hp.style.left = (startX + 250) + "px";
		hp.style.top = startY + "px";
	}
	
	function ShowOrgPopup(hoveritem) {
		hp = document.getElementById("hoverpopup");
		
		// Set popup to visible
		//hp.style.top = hoveritem.offsetTop + 18;
		//hp.style.left = hoveritem.offsetLeft + 20;
		
		hp.style.visibility = "Visible";
		
		hp.innerHTML = "<table border=\"1\" rules=\"none\" frame=\"box\" width=\"30%\">"
		      + "<tr><td>You can request to have your organization added after you are logged in.</td></tr></table>";
		      
		var elem = document.getElementById("hoverorg");
		var startX = findPosX(elem);
		var startY = findPosY(elem);
		
		hp.style.left = (startX + 250) + "px";
		hp.style.top = startY + "px";
	}
	
	function ShowOrgDisablePopup(hoveritem) {
		hp = document.getElementById("hoverpopup");
		
		// Set popup to visible
		//hp.style.top = hoveritem.offsetTop + 18;
		//hp.style.left = hoveritem.offsetLeft + 20;
		
		hp.style.visibility = "Visible";
		
		hp.innerHTML = "<table border=\"1\" rules=\"none\" frame=\"box\" width=\"30%\">"
		      + "<tr><td>You must select a school to select an organization.</td></tr></table>";
		      
		var elem = document.getElementById("hoverorgdisable");
		var startX = findPosX(elem);
		var startY = findPosY(elem);
		
		hp.style.left = (startX + 30) + "px";
		hp.style.top = (startY + 30) + "px";
	}
	
	function findPosX(obj) {
	    var curleft = 0;
	    if(obj.offsetParent) {
	        while(1) {
	          curleft += obj.offsetLeft;
	          if(!obj.offsetParent) {
	            break;
	          }
	          obj = obj.offsetParent;
	        }
	    } else if(obj.x) {
	        curleft += obj.x;
	    }
	    return curleft;
	}
	
	function findPosY(obj) {
	    var curtop = 0;
	    if(obj.offsetParent) {
	        while(1) {
	          curtop += obj.offsetTop;
	          if(!obj.offsetParent) {
	            break;
	          }
	          obj = obj.offsetParent;
	        }
	    } else if(obj.y) {
	        curtop += obj.y;
	    }
	    return curtop;
	}