window.onload = initPage;

var pointsArray = new Array();
var values = "";

function initPage() {
  getCoords("includes/map-data.php");
  var ga = new Array();
  ga = values.split(",");
  
  var featuredIconColor = ga[0];
  var directoryIconColor = ga[1];
  pointsArray[0] = new Array(ga[3], ga[4], eval(ga[2]));
  pointsArray[1] = new Array(ga[5], ga[6]);
  for (var i = 2; i < (((ga.length)*0.5)-2); i++) {
    latIx = ((i*2)+3);
    lonIx = ((i*2)+4);
    pointsArray[i] = new Array(ga[latIx], ga[lonIx]);
  }
  
  for (var i = 0; i < pointsArray.length; i++) {
    if (i == 0) {
      var latlng = new google.maps.LatLng(pointsArray[i][0], pointsArray[i][1]);  
      var options = {  
        zoom: pointsArray[i][2],
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      };
      var map = new google.maps.Map(document.getElementById('map'), options);      
    } else {
      var imgNum = "";
      if (i < 10) {
          imgNum = "0" + i;
        } else {
          imgNum = "" + i;
        }
      if (i == 1) {
        var imgIcon = 'numeric/' + featuredIconColor + imgNum + '.png'
      } else {
        var imgIcon = 'numeric/' + directoryIconColor + imgNum + '.png'
      }
      var marker = new google.maps.Marker({
        position: new google.maps.LatLng(pointsArray[i][0], pointsArray[i][1]), 
        map: map,
        title: '',
        clickable: false,  
        icon: imgIcon
      });
    }
	}
}

function getHTTPObject() {
  var xhr = false;
  if (window.XMLHttpRequest) {
    xhr = new XMLHttpRequest();
  } else if (window.ActiveXObject) {
    try {
      xhr = new ActiveXObject("Msxml2.XMLHTTP");
    } catch(e) {
      try {
        xhr = new ActiveXObject("Microsoft.XMLHTTP");
      } catch(e) {
        xhr = false;
      }
    }
  }
  return xhr;
}

function getCoords(url) {
  request = getHTTPObject();
  if (request == null) {
    alert("Unable to create request");
    return;
  }
  request.open("GET", url, false); 
  request.send(null);
  values = request.responseText;
}