function step4showForm()  {
	if (xhReqData.readyState != 4)  {
		return;   	
	}
	var responseText = xhReqData.responseText;
	//now split out the text and the script parts !
	var splitresult = responseText.split("|XX|");
	var headID = document.getElementsByTagName("head")[0];
	var newScript = document.createElement('script');
	newScript.type = 'text/javascript';
	newScript.text = splitresult[1];
	headID.appendChild(newScript);


	  // create the black baground div
	    var ni = document.getElementById('mapwrapper');
	    var overlaydiv = document.createElement('div');
	   var divIdName = 'mapoverlay';
	   overlaydiv.setAttribute('id',divIdName);
	   overlaydiv.setAttribute('class','png');
	   ni.appendChild(overlaydiv);

	  var ni = document.getElementById('mapwrapper');
	  var newdiv = document.createElement('div');
	  var divIdName = 'describe';
	  newdiv.setAttribute('id',divIdName);
	  newdiv.setAttribute('class','png');
	  //alert(splitresult[0]);
	  
	 // NB: need footer - to be consistent with the 'edit' functionality!!!
	 // also need the black background!  
	 
	 
	  var theHTML = splitresult[0] + generateFooter();
	  newdiv.innerHTML = theHTML;
	  ni.appendChild(newdiv);
	updateControlContentStep3();

}
function layersToEdit() {
   if (xhStep1Req.readyState != 4)  { 
   		return;
   	}
   
   var response = xhStep1Req.responseText;
   var htmlscript = response.split("|XX|");
   document.getElementById('currentStep').style.display = "block"; 
   document.getElementById('currentStep').innerHTML = htmlscript[0];

	var headID = document.getElementsByTagName("head")[0];
	var newScript = document.createElement('script');
	newScript.type = 'text/javascript';
	newScript.text = htmlscript[1];
	headID.appendChild(newScript);
}


function processBackToStep3() {
 if (xhReqData.readyState != 4)  { 
   		return;
   	}
	backtoStep3Map();
}

function showChildNewForm() {
	  if (xhReq.readyState != 4)  { 
	   		return;
	   	}
		var response = xhReq.responseText;
		var htmlscript = response.split("|XX|");
		var headID = document.getElementsByTagName("head")[0];
		var newScript = document.createElement('script');
		newScript.type = 'text/javascript';
		newScript.text = htmlscript[1];
		headID.appendChild(newScript);
		// rather than have a new photo div, reuse the existing main form div
		//alert(htmlscript[0]);
		  document.getElementById('describe').innerHTML = htmlscript[0]+generateFooter(); 
 

		  // create the black baground div
		  // if it does not exist
		  if (!document.getElementById('mapoverlay')) {
    		          var ni = document.getElementById('mapwrapper');
			  var overlaydiv = document.createElement('div');
			  var divIdName = 'mapoverlay';
			  overlaydiv.setAttribute('id',divIdName);
			  overlaydiv.setAttribute('class','png');
			  ni.appendChild(overlaydiv);
		}
}


function showNewRecordForm() {
   if (xhReq.readyState != 4)  { 
   		return;
   	}
	var response = xhReq.responseText;
	var htmlscript = response.split("|XX|");
	var headID = document.getElementsByTagName("head")[0];
	var newScript = document.createElement('script');
	newScript.type = 'text/javascript';
	newScript.text = htmlscript[1];
	headID.appendChild(newScript);

	// find out if the 'describe' div already exists - if not,create it
	if (!document.getElementById('describe')) {
		  var ni = document.getElementById('mapwrapper');
		  var newdiv = document.createElement('div');
		  var divIdName = 'describe';
		  newdiv.setAttribute('id',divIdName);
		  newdiv.setAttribute('class','png');
		  ni.appendChild(newdiv);
	}
	
	// put the black background
 	if (!document.getElementById('mapoverlay')) {
		    var ni = document.getElementById('mapwrapper');
		    var overlaydiv = document.createElement('div');
		   var divIdName = 'mapoverlay';
		   overlaydiv.setAttribute('id',divIdName);
		   overlaydiv.setAttribute('class','png');
		   ni.appendChild(overlaydiv);
	}

	
	document.getElementById('describe').innerHTML = htmlscript[0]+generateFooter();
	
	// just in case there is a third element .. which may contain a message to the user
	// in this case, it may be the error message that the user tried to upload a photo > 2mb
	// october 2008
	try  {
		if (htmlscript[2]==undefined) {
		}
		else {
			alert(htmlscript[2]);
		}
	}
	catch (e) {
	}
}
function getNextLookup() {
   if (xhReq.readyState != 4)  { 
   		return;
   	}
	   var response = xhReq.responseText;
          var htmlscript = response.split("|XX|");
	   if (htmlscript[0].indexOf("No further records") > -1) {
	   	alert("No further records");
	   }
	   else {
		var headID = document.getElementsByTagName("head")[0];
		var newScript = document.createElement('script');
		newScript.type = 'text/javascript';

		newScript.text = htmlscript[1];
		headID.appendChild(newScript);
		
		if (!document.getElementById('describe')) {
			  var ni = document.getElementById('mapwrapper');
			  var newdiv = document.createElement('div');
			  var divIdName = 'describe';
			  newdiv.setAttribute('id',divIdName);
			  newdiv.setAttribute('class','png');
			  ni.appendChild(newdiv);
		}

		// put the black background
		if (!document.getElementById('mapoverlay')) {
			    var ni = document.getElementById('mapwrapper');
			    var overlaydiv = document.createElement('div');
			   var divIdName = 'mapoverlay';
			   overlaydiv.setAttribute('id',divIdName);
			   overlaydiv.setAttribute('class','png');
			   ni.appendChild(overlaydiv);
		}


		document.getElementById('describe').innerHTML = htmlscript[0]+generateFooter();


	   }
}
function getPreviousLookup() {
   if (xhReq.readyState != 4)  { 
   		return;
   	}
   	
	   var response = xhReq.responseText;
  	//alert(response);
  	var htmlscript = response.split("|XX|");
	   if (htmlscript[0].indexOf("No previous records") > -1) {
	   	alert("No previous records");
	   }
	   else {
		var headID = document.getElementsByTagName("head")[0];
		var newScript = document.createElement('script');
		newScript.type = 'text/javascript';

		newScript.text = htmlscript[1];
		headID.appendChild(newScript);
		
			if (!document.getElementById('describe')) {
				  var ni = document.getElementById('mapwrapper');
				  var newdiv = document.createElement('div');
				  var divIdName = 'describe';
				  newdiv.setAttribute('id',divIdName);
				  newdiv.setAttribute('class','png');
				  ni.appendChild(newdiv);
			}
			
			// put the black background
		 	if (!document.getElementById('mapoverlay')) {
				    var ni = document.getElementById('mapwrapper');
				    var overlaydiv = document.createElement('div');
				   var divIdName = 'mapoverlay';
				   overlaydiv.setAttribute('id',divIdName);
				   overlaydiv.setAttribute('class','png');
				   ni.appendChild(overlaydiv);
			}
		
			
			document.getElementById('describe').innerHTML = htmlscript[0]+generateFooter();


	   }
}
function processCancelNewCapture() {
if (xhReq.readyState != 4)  {
   		return;
   	}
	var result = xhReq.responseText;
	clearAllAddNewValues();
	
	//alert("in cancel capture");
	addContentText3 = document.getElementById('controlcontent').innerHTML;
	document.getElementById('controlcontent').innerHTML = addContentText1; 	

	// remove the black div
	removeDiv('mapoverlay','mapwrapper');
		
}


function processed() {
	// wait for the request to be ready
   if (xhReq.readyState != 4)  {
   		return;
   	}
	var result = xhReq.responseText;
	alert(result);
	startCapture = false;
	// clear all values if there has been a geometry captured ...
	if (data_capture_pts.length > 0) {
		// note that this calls another response and invalidates the current response
		clearAllAddNewValues();
	}
	// now reset to step 1 ...
	addContentText3 = document.getElementById('controlcontent').innerHTML;
	document.getElementById('controlcontent').innerHTML = addContentText1;
	removeDiv('mapoverlay','mapwrapper');
}



//=====================================


function completeAddContentTab3() {
   if (xhReqContent3.readyState != 4)  { 
   		return;
   	}
	
	var serverResponse = xhReqContent3.responseText;

	addContentText3 = serverResponse;
	
}




function completeAddContentTab2() {
   if (xhReqContent2.readyState != 4)  { 
   		return;
   	}
	var serverResponse = xhReqContent2.responseText;
	
	addContentText2 = serverResponse;
	
	// save the previous HTML
	addContentText1 = document.getElementById('controlcontent').innerHTML;
	
	document.getElementById('controlcontent').innerHTML = addContentText2;	 	

	// also enable the data capture process
	startDataCapture();
}


function showStep3Content(){
	if (xhReqContent3.readyState != 4)  { 
   		return;
   	}
	var serverResponse = xhReqContent3.responseText;
	//alert(serverResponse);
	addContentText2 = document.getElementById('controlcontent').innerHTML;
	document.getElementById('controlcontent').innerHTML = serverResponse;	 	
}


function showVideo () {

	if (xhReq.readyState != 4)  {
		return;   	
	}

	var responseText = xhReq.responseText;
	
	  var ni = document.getElementById('mapwrapper');
	  var newdiv = document.createElement('div');
	  var divIdName = 'videowindow';
	  newdiv.setAttribute('id',divIdName);
	  newdiv.setAttribute('class','png');
	  newdiv.setAttribute('style', 'visibility: visible');
		 
		 
	  var infoHeight = 300;
	
	  
	  var infoWrapper = "<div id=\"infocontent\" class=\"png\">";
	
	  newdiv.innerHTML = infoWrapper +"<div id=\"infodescription\">"+responseText + "</div></div>";
	  ni.appendChild(newdiv);
		  
		  
	document.getElementById('videowindow').style.position = "absolute";	  
	document.getElementById('videowindow').style.top = "200px";
 	document.getElementById('videowindow').style.left =  "600px";
 	document.getElementById('videowindow').style.zIndex =  1000000;
	document.getElementById('videowindow').style.visibility = "visible";
	
	//alert("drawn");
	
}