function ajaxRequestNav(url,data) 
{
	var aj = new Ajax.Request(
		url, {
			method:'get',
			parameters: data,
			onLoading: function() { 
				var ad = $('alphaDropdown');
//				ad.innerHTML = "<p><img src='http://www.celebritypwn.com/indicator.gif' alt='loading' /> Retrieving celeb list</p>";
			},
			onComplete: getResponseNav
		}
	);
}

function getResponseNav(oReq) 
{
	var ad = $('alphaDropdown')
	
	// Need to put the letter first, then the <ul>
	
	ad.innerHTML = oReq.responseText;
	Effect.Toggle('alphaDropdown', 'slide'); //scriptaculous effect
}


/* Each letter will have a call to getLetter

	<li><a href="javascript://" onclick="populateLetter(this);">a</a></li>
	<li><a href="javascript://" onclick="populateLetter(this);">b</a></li>
	<li><a href="javascript://" onclick="populateLetter(this);">c</a></li>

*/

// this overrides the old populateLetter so remove it from functions.js
function populateLetter(li)
{	
		
	var letterLayer = document.getElementById("alphaDropdown");
	if (letterLayer==null)
		return;
	var xy = findPWNPos(li);
	var xPos = xy[0];
	var yPos = xy[1];
	letterLayer.style.position="absolute";
	letterLayer.style.left = xPos + "px";
	letterLayer.style.top = yPos + li.offsetHeight + "px";
	
	letterLayer.style.display = "block";
	ajaxRequestNav('http://www.celebritypwn.com/letter.php', 'letter=' + li.innerHTML);
	
	// Insert the letter that was clicked into the list at the top (may be done with php)
//	letterLayer.getElementsByTagName("h3")[0].getElementsByTagName("a")[0].innerHTML = li.innerHTML.toUpperCase();
	letterLayer.style.display = "block";
}
function findPWNPos(obj) 
{
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			if (typeof(curleft+obj.offsetLeft)!='undefined')
				curleft += obj.offsetLeft
			if (typeof(curtop +obj.offsetTop)!='undefined')
				curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
}
function highlightTextbox(elm, state)
{
	(state == 0) ? elm.style.backgroundColor = "" : elm.style.backgroundColor = "#eaeaea"
}