var currentTab = "legend"; // the variable that stores the tab we are actually on 
// so that we can keep the html text in a variable and just repaste it into the DIV as required ..
// at the start of the page load process it will be 'legend'

// these variables store the HTML text for each tab
var searchText = "";
var legendText = "";

var xhReqContent2;
var xhReqContent3;
var xmlSearchMap;
// ========================================
// CODE TO GET INITIAL TEXT FOR THE SEARCH TAB
var xmlSearchMap;

// the search tab is made up of different parts:
// 1.  the heading
// 2.  the search box for the user to type
// 3.  the pull-down of the themes to search in
// 4.  the search button
// 5.  the results DIV

// need to retrieve all these bits separately and add them together

function setupOverviewSearch() {
	 xmlSearchMap = createXMLHttpRequest();
	 xmlSearchMap.open("POST", "setupOverviewSearchDiv.php", true);
	 xmlSearchMap.onreadystatechange = overviewSearch;
	 try {
	   //xmlSearchMap.setRequestHeader('Content-Type','text/html')
	    xmlSearchMap.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

	 }
	 catch (e) {
		// this only works in internet explorer
	 }
	 xmlSearchMap.send("minisitename="+minisitename);
}

function overviewSearch() {
	if (xmlSearchMap.readyState != 4)  {
		return;
	}

	var responseText = xmlSearchMap.responseText;
	
	var splitresult = responseText.split("|XX|");

	//document.getElementById('search').innerHTML = splitresult[0];

	// assign the initial text for the search page display DIV
	searchText = splitresult[0];
	
	var headID = document.getElementsByTagName("head")[0];
	var newScript = document.createElement('script');
	newScript.type = 'text/javascript';
	newScript.text = splitresult[1];
	headID.appendChild(newScript);
}
// ========================================

function searchAllMaps() {

 	loadOverviewHTMLIntoDIV('../html/communityMapsSearchTab.html','maptabs');
 	legendText = document.getElementById('controlcontent').innerHTML;
 	
 	storeCurrentOverviewDIVText();
 	currentTab = "Search";
 
 	document.getElementById('controlcontent').innerHTML = searchText;

}

function showAllMapsList() {


	loadOverviewHTMLIntoDIV('../html/communityMapsMapListTab.html','maptabs');

	// load the search tab as current
	searchText = document.getElementById('controlcontent').innerHTML;
	
	storeCurrentOverviewDIVText();
	currentTab = "AllMaps";

	document.getElementById('controlcontent').innerHTML = legendText;
}



function storeCurrentOverviewDIVText() {
	var controlText = document.getElementById('controlcontent').innerHTML;
	
	if (currentTab == "AllMaps")  {
		legendText = controlText;
	}
	if (currentTab == "Search")  {
		searchText = controlText;
	}


}



function loadOverviewHTMLIntoDIV(fileName,divName){

// get the correct content for the div by loading an HTML file


	 xmlGetDivContent = createXMLHttpRequest();
	 xmlGetDivContent.open("GET", fileName,true);
	 
	 xmlGetDivContent.onreadystatechange = function () {
		if (xmlGetDivContent.readyState == 4) {
	             // Received, OK
			var responseText = xmlGetDivContent.responseText;
			document.getElementById(divName).innerHTML = responseText;
		} else {
		  // Wait...
		}
	 };
 
//	 try {
//	   xmlGetDivContent.setRequestHeader('Content-Type','text/html')
//	 }
//	 catch (e) {
//	 	// this only works in internet explorer
//	 }
	 xmlGetDivContent.send(null);
}