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

var req;

function checkName(n) {
	if(n.length > 0) {
		var url = "ajaxfunctions.php?f=checkName&n="+n;
	    if(window.XMLHttpRequest) {
	            req = new XMLHttpRequest();
	    } else if(window.ActiveXObject) {
	            req = new ActiveXObject("Microsoft.XMLHTTP");
	    }
	    req.open("GET", url, true);
	    req.onreadystatechange = callback;
	    req.send(null);
    } else {
	    alert("Please enter a value.");
    }
}

function callback() {
	if(req.readyState == 4) {
		if(req.status == 200) {
			var resp = req.responseText;	
			if(resp > 0) {
				alert("User name is TAKEN. Please choose another and check again.");
			} else if(resp < 0) {
				alert("ERROR: Invalid token passed.");
				
			} else {
				alert("User name is available.");
			}
		} else {
			alert("ERROR: \n" + req.statusText);
        }
	}
}

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" /> <a href="/password.php" style="font-size:10px;text-decoration:underline;padding-left:5px">Forgot?</a></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 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 = '';
			};
		}
	}
}