var xmlHttp;
var tagContainer;
var progress;
var originalClass;

function togleLetters() {
	var letters = document.getElementById("letters");
	var alpha = document.getElementById("alpha");
	if (letters.style.display == "" || letters.style.display == "none") {
		letters.style.display = "block";
		setElClass(alpha, 'open alpha');
	} else {
		letters.style.display = "none";
		setElClass(alpha, 'alpha');
	}

	return false;
}

function selectAlpha(alpha) {
	var selectedLetter = document.getElementById("selectedletter");

	if (selectedLetter &&
		selectedLetter.firstChild.nodeValue != alpha) {
		setElClass(selectedLetter, "");
		selectedLetter.removeAttribute("id");
	}

	var letters = document.getElementById("letters").getElementsByTagName("a");
//	alert(letters.length);
	for(var i = 0; i < letters.length; i++) {
		if (letters[i].firstChild.nodeValue == alpha) {
			setElClass(letters[i], "selected");
			letters[i].setAttribute("id", "selectedletter");
			break;
		}
	}
}

function loadAlpha(alpha, tag) {
	if (window.ActiveXObject) xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
	else if (window.XMLHttpRequest) xmlHttp = new XMLHttpRequest();

	progress = document.getElementById("alpha");
	originalClass = progress.getAttribute('class');
	if (originalClass == null)
		originalClass = progress.getAttribute('className');
	setElClass(progress, 'alpha wait');
//	progress.style.background = "url('" + www + "progress.gif') no-repeat right center";

	tagContainer = document.getElementById("tagcontainer");
	selectAlpha(alpha);

	xmlHttp.onreadystatechange = handleLoadAlpha;
	xmlHttp.open("GET", www+"alpha.php?xml=true&alpha=" + encodeURI(alpha) + 
		"&tag=" + tag + 
		"&ts=" + new Date().getTime(), true);
	xmlHttp.send(null);
	return false;
}

function handleLoadAlpha() {
	if(xmlHttp && xmlHttp.readyState == 4 && xmlHttp.status == 200) {
		tagContainer.innerHTML = xmlHttp.responseText;
//		progress.style.background = "none";
		setElClass(progress, originalClass);
	}
}