// ZUPA APPROACH - CHANGE THE CONTENT OF THE controlcontent DIV depending on which bit we are looking at..
// has the problem that we also need to store the layers that we have unclicked/clicked ...



function storeCurrentDIVText() {
	var controlText = document.getElementById('controlcontent').innerHTML;
	//alert(currentTab);
	if (currentTab == "legend")  {
		//alert("legend is teh current tab");
		legendText = controlText;
		//alert(legendText);
	}
	if (currentTab == "search")  {
		searchText = controlText;
	}
	if (currentTab == "edit")  {
		editText = controlText;
	}
	if (currentTab == "addContent")  {
		addContentText1 = controlText;
	}
}

function showSearch() {
	if (currentTab == "legend") {
		trackLayerStatus();
	}

	
	if (currentTab  == "edit") {
		switchAllLayersOn();
	}
	
	// load the search tab as current
	loadHTMLIntoDIV('../html/searchTab.html','maptabs');
	
	storeCurrentDIVText();
	currentTab = "search";

	document.getElementById('controlcontent').innerHTML = searchText;
	doCloseInfoWindow();	
}


function showLegend() {
	//alert("show legend");
	if (currentTab  == "edit") {
		// will need to switch the layers back on as have changed tab
		var layersOn = true;
	}
	
	
	loadHTMLIntoDIV('../html/legendTab.html','maptabs');
	storeCurrentDIVText();
	currentTab = "legend";
	//alert(legendText);
	document.getElementById('controlcontent').innerHTML = legendText;
	// the innerHTML of a DIV does not change if you unclick a checkbox ..so need to update these separately
	updateCheckboxes();
	if (layersOn == true ) {
		switchAllLayersOn();
	}
	doCloseInfoWindow();	
}

function showEdit() {
	//alert("show edit");
	doCloseInfoWindow();	
	loadHTMLIntoDIV('../html/editTab.html','maptabs');

	 xhReq = createXMLHttpRequest();
	 xhReq.open("POST", "isAdminLoggedIn.php",true);

	 xhReq.onreadystatechange = showEditTab;
	try {
	   xhReq.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	 }
	 catch (e) {
		// this only works in internet explorer
	 }
	 xhReq.send("minisitename="+minisitename);

}

function showEditTab() {
	if (xhReq.readyState != 4)  { 
   		return;
   	}
   	//alert("show edit tab iff");
	var serverResponse = xhReq.responseText;
	if (currentTab == "legend") {
		trackLayerStatus();
	}

	editText = serverResponse;
	
	storeCurrentDIVText();
	currentTab = "edit";

	document.getElementById('controlcontent').innerHTML = editText;


	
//	setupAdminInstructions();

	// now get all the required javascript code to handle the editing functions
	// this needs to be generated each time the tab is selected, just in case the user has
	
	// only do this if a session exists
	//if (editText.indexOf("login") > 0) {
	//	// the user is not logged in so don't have a user id to generate the appropriate
	//	// list of items to edit
	//	alert(editText);
	//}
	//else {
		//alert("track layer status");
		switchAllLayersOff();
		generateEditJavascript();
	//}
}

function generateEditJavascript() {

	 xhReq = createXMLHttpRequest();
	 xhReq.open("POST", "editJavascript.php",true);
	var minisitename = getMinisiteName();
	//alert(minisitename);
	 xhReq.onreadystatechange = loadEditJavascript;
	try {
	   xhReq.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	 }
	 catch (e) {
		// this only works in internet explorer
	 }
	 xhReq.send("minisitename="+minisitename);


}
function loadEditJavascript() {

	if (xhReq.readyState != 4)  { 
   		return;
   	}
	var serverResponse = xhReq.responseText;
	var headID = document.getElementsByTagName("head")[0];
	var newScript = document.createElement('script');
	newScript.type = 'text/javascript';
	newScript.text = serverResponse;
	headID.appendChild(newScript);

	generateListsForModeration(0);
//	generateListsForAdmin(0);

}

/*------------------------------------- */

function showAddContent() {

	if (currentTab == "legend") {
		trackLayerStatus();
	}


	if (currentTab  == "edit") {
		switchAllLayersOn();
	}

	doCloseInfoWindow();	
	loadHTMLIntoDIV('../html/addContentTab.html','maptabs');
	storeCurrentDIVText();
	currentTab = "addContent";

	// check whether the user is logged in first ..
	
	minisitename = getMinisiteName();
		 	 
	 xhReq = createXMLHttpRequest();
	 xhReq.open("POST", "isLoggedIn.php",true);

	 xhReq.onreadystatechange = isUserLoggedIn;
	try {
	   xhReq.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	 }
	 catch (e) {
		// this only works in internet explorer
	 }
	 xhReq.send("minisitename="+minisitename);
	


}
function isUserLoggedIn() {

	if (xhReq.readyState != 4)  { 
   		return;
   	}
	var serverResponse = xhReq.responseText;
	//alert(serverResponse);
	
	addContentText1 = serverResponse;
	//if (addContentText1.indexOf("login") > 0) {
	//	// the user is not logged in so don't have a user id to generate the appropriate
	//	// list of items to edit
	//	alert(addContentText1);
	//}
	//else {
		//alert(addContentText1);
		document.getElementById('controlcontent').innerHTML = addContentText1;
	//}


}

var xmlGetDivContent;

function loadHTMLIntoDIV(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);
}