window.onload = function() { 
	init();
	initLightbox();
};

function showLogin(obj) {
	var logbox = document.createElement("div");
	logbox.setAttribute("id","logbox");
	logbox.innerHTML = '<form action="auth.php" method="post"><label for="user">Username:</label> <input type="text" size="20" name="user" /> <label for="pass">Password:</label> <input type="password" size="20" name="pass" /> <input type="submit" class="button" value="login" /></form>';
	document.getElementById("login").appendChild(logbox);
	document.getElementById("loglink").onclick = hideLogin;
}

function hideLogin() {
	document.getElementById("login").removeChild(document.getElementById("logbox"));
	document.getElementById("loglink").onclick = showLogin;
}

function showError() {
	var errBox = document.createElement("div");
	errBox.setAttribute("id","errbox");
	errBox.innerHTML = '<img style="float:left;margin:10px;display:inline;width:50px;height:50px" src="/images/stop.gif" /><div style="margin-top:5px;text-align:left;width:180px;float:right;display:inline">Sorry, a valid username and password is required.</div><input type="button" onClick="hideError()" class="button" value="      OK      "></p>';
	document.getElementById("content").appendChild(errBox);
}

function hideError() {
	document.getElementById("content").removeChild(document.getElementById("errbox"));
}

function init() {
	if(document.getElementById("button")) {
		var obj = o = document.getElementById("button")
		var items = document.getElementById("items");
		
		var curleft = curtop = 0;
		if (obj.offsetParent) {
			curleft = obj.offsetLeft;
			curtop = obj.offsetTop;
			while (obj = obj.offsetParent) {
				curleft += obj.offsetLeft;
				curtop += obj.offsetTop;
			}
		}
	
		items.style.top = curtop+30+"px";
		items.style.left = curleft-92+"px";
		
		if(navigator.appName == "Microsoft Internet Explorer" && parseInt(navigator.appVersion)<=6) items.style.left = curleft-89+"px";
		
		var g = document.getElementById("list");
		lg = g.getElementsByTagName("li");
		for(k=0;k<lg.length;k++) {
			var t = (k>0)? lg[k]:lg[k].getElementsByTagName("a")[0];
			
			t.onmouseover = function() { 
				items.className = 'hvr';
			};
							
			t.onmouseout = function() {
				items.className = '';
			};
		}
	}
}