window.onload = initPage;

//*****************************************************************
function initPage() {
  // show default map?
 
   cats = document.getElementById("mapfrm").getElementsByTagName("input");

  // set the handler for each image
  for (var i = 0; i < cats.length; i++) {
    cat = cats[i];

    // create the onclick function
    cat.onclick = function() {
   
      getDetails(this.id);
    }
  }
     cats = document.getElementById("mapfrm").getElementsByTagName("select");

  // set the handler for each image
  for (var i = 0; i < cats.length; i++) {
    cat = cats[i];
    
    // create the onclick function
    cat.onchange = function() {
   
      getDetails(this.id);
    }
  }
}
//**************************************************************
function createRequest() {
  try {
    request = new XMLHttpRequest();
  } catch (tryMS) {
    try {
      request = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (otherMS) {
      try {
        request = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (failed) {
        request = null;
      }
    }
  }
  return request;
}
//***************************************************************
function getDetails(itemName) {
  request = createRequest();
  if (request == null) {
    alert("Unable to create request");
    return;
  }
  var url= "map_lookup_var.php" ;
    var formdata ="" ;
    var c_value="";
      // Loop through form fields
    for (i=0; i < document.getElementById("mapfrm").length; i++)
    {
         //Build Send String
         if(document.getElementById("mapfrm").elements[i].type == "text"){ //Handle Textbox's
                  formdata = formdata + document.getElementById("mapfrm").elements[i].name + "=" + escape(document.getElementById("mapfrm").elements[i].value) + "&";
         }else if(document.getElementById("mapfrm").elements[i].type == "textarea"){ //Handle textareas
                  formdata = formdata + document.getElementById("mapfrm").elements[i].name + "=" + escape(document.getElementById("mapfrm").elements[i].value) + "&";
         }else if(document.getElementById("mapfrm").elements[i].type == "checkbox"){ //Handle checkbox's
                      c_value="";
                      
                      if (document.getElementById("mapfrm").elements[i].checked) {
                        c_value= document.getElementById("mapfrm").elements[i].value;
                        }
                      
         
                 formdata = formdata + document.getElementById("mapfrm").elements[i].name + "=" + c_value + "&";
         }else if(document.getElementById("mapfrm").elements[i].type == "radio"){ //Handle Radio buttons
                  if(document.getElementById("mapfrm").elements[i].checked==true){
                     formdata = formdata + document.getElementById("mapfrm").elements[i].name + "=" + document.getElementById("mapfrm").elements[i].value + "&";
                  }
         }else {//if(document.getElementById("mapfrm").elements[i].type == "select"){ //Handle select list buttons
                 
                  formdata = formdata + document.getElementById("mapfrm").elements[i].name + "=" + escape(document.getElementById("mapfrm").elements[i].value) + "&";
         }
    }

  request.open("POST", url, true);

  //Send the proper header information along with the request
request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
request.setRequestHeader("Content-length", formdata.length);
request.setRequestHeader("Connection", "close");


  request.onreadystatechange = displayDetails;
  request.send(formdata);

}

function displayDetails() {
  if (request.readyState == 4) {
    if (request.status == 200) {
      detailDiv = document.getElementById("maplist");
      detailDiv.innerHTML = request.responseText;
    updateflags(detailDiv); //in map_lookup_div.php
    }
  }
}