// function to change directory section display.
// variable is the id of the div containing the section to be viewed

function showHideCriteria (value) {
  if (value == "hide") {
  document.getElementById("criteria").style.display = "none";
  }
  else {
  document.getElementById("criteria").style.display = "block";
  }
}

function changeDirectorySection (section) {
	 if (section == "diaryTab") {
    document.getElementById("diaryTab").style.display = "block";
    document.getElementById("aboutTab").style.display = "none";
    document.getElementById("contactTab").style.display = "none";
    document.getElementById("mapTab").style.display = "none";
    document.getElementById("diaryLink").className = "active";
    document.getElementById("aboutLink").className = "inactive";
    document.getElementById("contactLink").className = "inactive";
    document.getElementById("mapLink").className = "inactive";
    
   }
   else if (section == "aboutTab") {
    document.getElementById("diaryTab").style.display = "none";
    document.getElementById("aboutTab").style.display = "block";
    document.getElementById("contactTab").style.display = "none"; 
    document.getElementById("mapTab").style.display = "none";
    document.getElementById("diaryLink").className = "inactive";
    document.getElementById("aboutLink").className= "active";
    document.getElementById("contactLink").className= "inactive";
    document.getElementById("mapLink").className= "inactive";
   }
   else if (section == "contactTab") {
    document.getElementById("diaryTab").style.display = "none";
    document.getElementById("aboutTab").style.display = "none";
    document.getElementById("contactTab").style.display = "block"; 
    document.getElementById("mapTab").style.display = "none";     
    document.getElementById("diaryLink").className = "inactive";
    document.getElementById("aboutLink").className = "inactive";
    document.getElementById("contactLink").className = "active";
    document.getElementById("mapLink").className = "inactive";
   }
   else if (section == "mapTab") {
    document.getElementById("diaryTab").style.display = "none";
    document.getElementById("aboutTab").style.display = "none";
    document.getElementById("contactTab").style.display = "none"; 
    document.getElementById("mapTab").style.display = "block";     
    document.getElementById("diaryLink").className = "inactive";
    document.getElementById("aboutLink").className = "inactive";
    document.getElementById("contactLink").className = "inactive";
    document.getElementById("mapLink").className = "active";
   }
   else {
    document.getElementById("diaryTab").style.display = "block";
    document.getElementById("aboutTab").style.display = "none";
    document.getElementById("contactTab").style.display = "none";
    document.getElementById("mapTab").style.display = "none";
    document.getElementById("diaryLink").className = "active";
    document.getElementById("aboutLink").className = "inactive";
    document.getElementById("contactLink").className = "inactive";
    document.getElementById("mapLink").className = "inactive";
   }
}
  
  
  
function loadMap(lat,lon, width, height)
{
  if (GBrowserIsCompatible())
  {
    var map = new GMap2(document.getElementById("mapDisplay"),{size:new GSize(width,height)});
    //map.addControl(new GSmallMapControl());
    map.setUIToDefault();
    //map.addControl(new GMapTypeControl());
    map.setCenter(new GLatLng(lat,lon), 14);
    map.addOverlay(new GMarker(new GLatLng(lat,lon)));
  }
}



//Browser Support Code
function churchSearch(){
	var ajaxRequest;  // The variable that makes Ajax possible!
	var ajaxDisplay = document.getElementById('txtFilterOutput');
	
	// display a loading image so the user knows something is happening
	ajaxDisplay.innerHTML = '<br /><br /><p align="center"><img src="ajax-loader.gif" /> Searching....</p>';
	
	try{
		// Opera 8.0+, Firefox, Safari
		ajaxRequest = new XMLHttpRequest();
	} catch (e){
		// Internet Explorer Browsers
		try{
			ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try{
				ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e){
				// Something went wrong
				alert("Your browser broke!");
				return false;
			}
		}
	}
	// Create a function that will receive data sent from the server
	ajaxRequest.onreadystatechange = function(){
		if(ajaxRequest.readyState == 4){
			//var ajaxDisplay = document.getElementById('txtFilterOutput');
			ajaxDisplay.innerHTML = ajaxRequest.responseText;
		}
	}
	// get variables from the form
	var name = document.getElementById('churchname').value;
	var town = document.getElementById('town').value;
	var denomination = document.getElementById('denomination').value;
	var theology = document.getElementById('theology').value;
	var language = document.getElementById('language').value;
	// generate the query string to pass parameters to the filter page
	var queryString = "?town=" + town + "&denomination=" + denomination +"&name=" + name +"&theology=" + theology + "&language=" + language +"&random=" +new Date().getTime();
	// send the data to the filter page
  ajaxRequest.open("GET", "filter.php" + queryString, true);
	ajaxRequest.send(null); 
	showHideCriteria ('hide')
	return false;
}



function findNearest(){
	var ajaxRequest;  // The variable that makes Ajax possible!
	var ajaxDisplay = document.getElementById('txtFilterOutput');
	
  // display a loading image so the user knows something is happening
	ajaxDisplay.innerHTML = '<br /><br /><p align="center"><img src="ajax-loader.gif" /> Searching....</p>';
	
	try{
		// Opera 8.0+, Firefox, Safari
		ajaxRequest = new XMLHttpRequest();
	} catch (e){
		// Internet Explorer Browsers
		try{
			ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try{
				ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e){
				// Something went wrong
				alert("Your browser broke!");
				return false;
			}
		}
	}
	// Create a function that will receive data sent from the server
	ajaxRequest.onreadystatechange = function(){
		if(ajaxRequest.readyState == 4){
			//var ajaxDisplay = document.getElementById('txtFilterOutput');
			ajaxDisplay.innerHTML = ajaxRequest.responseText;
		}
	}
	var postcode = document.getElementById('fromPostcode').value;
	var max = document.getElementById('maxDistance').value;
	var denomination = document.getElementById('nearestDenomination').value;
	var theology = document.getElementById('theology').value;
	var language = document.getElementById('language').value;	
	var queryString = "?from=" + postcode +"&denomination=" + denomination +"&theology=" + theology + "&language=" + language +"&maxDistance=" + max;
	ajaxRequest.open("GET", "nearest.php" + queryString, true);
	ajaxRequest.send(null); 
}


//Check if the enter key is pressed - for search form submission
function enter_pressed(e){
  var keycode;
  if (window.event) keycode = window.event.keyCode;
  else if (e) keycode = e.which;
  else return false;
  return (keycode == 13);
}