// JavaScript Document
window.onload = loadIndex;
  
  function loadIndex() { // load indexfile
  // most current browsers support document.implementation
  	if (document.implementation && document.implementation.createDocument) {
  		xmlDoc = document.implementation.createDocument("", "", null);
  		xmlDoc.load("index.xml");
  	}
  // MSIE uses ActiveX
  	else if (window.ActiveXObject)
	{
		xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
		xmlDoc.onreadystatechange = function () {
			if (xmlDoc.readyState == 4) createTable()
		};
 	}
	else
	{
		alert('Your browser can\'t handle this script');
		return;
	}
	xmlDoc.load("index.xml");
}
  
  
  function searchIndex() { // search the index (duh!)
  	if (!xmlDoc) {
  		loadIndex();
  	}
  	// get the search term from a form field with id 'searchme'
  
  	var searchterm = document.getElementById("searchme").value;
  	var allitems = xmlDoc.getElementsByTagName("item");
  	results = new Array;
  	if (searchterm.length < 5) {
  		alert("Enter at least five characters");
  	} else {
  		for (var i=0;i<allitems.length;i++) {
  // see if the XML entry matches the search term,
  // and (if so) store it in an array
  			var name = allitems[i].lastChild.nodeValue;
  			var exp = new RegExp(searchterm,"i");
  			if ( name.match(exp) != null) {
  				results.push(allitems[i]);
  			}
  		}
  // send the results to another function that displays them to the user
  	showResults(results, searchterm);
  	}
  }
  
  
  // The following is just an example of how you
  // could handle the search results
  function showResults(results, searchterm) {
  // Clears any results and adds new result
		var resultshere = document.getElementById("resultshere");
        while(resultshere.firstChild)resultshere.removeChild(resultshere.firstChild)

  
  	if (results.length > 0) {
  // if there are any results, put them in a list inside the "resultshere" div
  		var resultshere = document.getElementById("resultshere");
  		var header = document.createElement("h5");
  		var list = document.createElement("ul");
  		var searchedfor = document.createTextNode("Yes! We serve ");
  		resultshere.appendChild(header);
  		header.appendChild(searchedfor);
  		resultshere.appendChild(list);
  		for (var i=0;i<results.length;i++) {
  			var listitem = document.createElement("li");
  			var item = document.createTextNode(results[i].lastChild.nodeValue);
  			list.appendChild(listitem);
  			listitem.appendChild(item);
  		}
  	} else {
  // else tell the user no matches were found
  		var resultshere = document.getElementById("resultshere");
  		var para = document.createElement("p");
  		var notfound = document.createTextNode("We're Sorry ... Lehigh Fuels does not serve "+searchterm +" at this time. ");
  		resultshere.appendChild(para);
  		para.appendChild(notfound);
  	}
  }