window.onload = function() {loadSearchTabs();};

function loadSearchTabs() {
	var divs  = $("masterSearch").getElementsByTagName("div");
	for(var x = 0; x < divs.length; x++) {
		addSearchTab(divs[x]);
		divs[x].style.display = "none";
	}
	divs[0].style.display = "block";
	if(getCookie("searchTab")) {
		showSearchDiv(getCookie("searchTab"));
	}
}

function addSearchTab(searchDiv) {
	var parentDiv = $("masterSearch");
	var firstDiv = parentDiv.getElementsByTagName("div")[0];
	var newSpan = document.createElement("span");
	newSpan.className = "searchTab";
	switch(searchDiv.id) {
		case "basicSearch":
			searchTabText = "Basic";
			newSpan.className = "currentSearchTab";
			break;
		case "lexiconSearches":
			searchTabText = "Lexicon";
			break;
		case "poemSearches":
			searchTabText = "Poem";
			break;
		case "websterSearches":
			searchTabText = "Webster";
			break;
		case "userSearches":
			searchTabText = "User";
			break;
		default:
			searchTabText = "unknown";
	}
	newSpan.innerHTML = searchTabText;
	newSpan.onclick = function() {showSearchDiv(searchDiv.id);};
	newSpan.id = "span" + searchDiv.id;
	parentDiv.insertBefore(newSpan, firstDiv);
	return;
}

function showSearchDiv(id) {
	hideAllSearches();
	showSearch(id);
	setCookie("searchTab", id);
	$("span" + id).className = "currentSearchTab";
}

function hideAllSearches() {
	var divs  = $("masterSearch").getElementsByTagName("div");	
	for(var x = 0; x < divs.length; x++) {
		divs[x].style.display = "none";
	}
	var currentSearchTab = $("masterSearch").getElementsByClassName("currentSearchTab")[0];
	if(currentSearchTab) {
		currentSearchTab.className = "searchTab";
	}
}

function showSearch(id) {
	$(id).style.display = "block";	
}