var markeridx = 0;
var v = 0;
var coldmarkers = [];
var load_html="";
var side_bar_html = "";
var htmls = [];
var light = 1000;
var maxnum = 5000;
var LAB = '<a style="color: #800000; font-size:90%; font-family:arial;">';
var vals = '<a style="color: #000080; font-size:90%; font-family:arial;">';

function getTrem(t1, t2) {
	markeridx = 0;
	v=0;
	load_html="";
	coldmarkers=[];
	htmls = [];
	var request = GXmlHttp.create();
	request.open("GET", tremXML, true);
	request.onreadystatechange = function() {
		if (request.readyState == 4) {
			var xmlDoc = GXml.parse(request.responseText);
			var markers = xmlDoc.documentElement.getElementsByTagName("marker");
			for (var i = 0; i < markers.length; i++) {
			  var region = markers[i].getAttribute("region");
			  var k=0;
			  for (var j = 0; j < keepXML.length; j++) {
			    if (region==keepXML[j]) {
			      k=1; break;
          }
        }
        if (k || keepXML[0]=="ALL") {
          // obtain the attribues of each marker & randomize to eliminate grid
          var label = markers[i].getAttribute("label");
          var datetest = new Date(label);
          if (datetest.getTime()>=t1 && datetest.getTime()<=t2) {
            v++;
            var LAT = parseFloat(markers[i].getAttribute("lat"));
            var LON = parseFloat(markers[i].getAttribute("lng"));
            var lat = LAT+(Math.random()-0.5)*0.005;
            var lng = LON+(Math.random()-0.5)*0.005;
            var point = new GLatLng(lat.toFixed(3),lng.toFixed(3));
            // create the marker
            if (num <= light) {
              var html = LAB+'Time: </a>'+vals+label+'</a><br>'+LAB+'Latitude: </a>'+vals+LAT+'</a><br>'+LAB+'Longitude: </a>'+vals+LON+'</a>';
              createMarker(point,html,label);
            } else if (v%Math.ceil(num/1000) < Math.round(maxnum/1000)) {
              createMarkerLight(point);
            }
          } // end of checking dates
        }
			} // end of loop over catalog
			setTimeout("addMarkers()",500);
		} // end of document status check
	} // end of open document
	request.send(null);
} // end of function



function createMarker(point,html,name) {
	var marker = new GMarker(point,{icon:cold_icon, zIndexProcess:importanceOrder});
  GEvent.addListener(marker, "click", function() {
		marker.openInfoWindowHtml(html);
	});
	marker.importance=markeridx;
	coldmarkers.push(marker);
	htmls.push(html);
	side_bar_html = 'javascript:myclick(' + markeridx + ')';
	makeList(name);
	markeridx++;
}


function createMarkerLight(point) {
  var marker = new MarkerLight(point,{image:"pngfiles/colddot.png",width:7,height:7});
  marker.importance=markeridx;
  coldmarkers.push(marker);
  markeridx++;
}

function addMarkers() {
  if (num <=maxnum) {
    for (var i = 0; i < coldmarkers.length; i++) {		
      map.addOverlay(coldmarkers[i]);
    }
    if (num > light) {
      load_html="Request too large to create event table.";
      coldmarkers=[];
    }
  } else {
    for (var i = 0; i < coldmarkers.length; i++) {
      map.addOverlay(coldmarkers[i]);
    }
    load_html="Request too large to create event table.<p> Showing "+markeridx+" events.";
    coldmarkers=[];
  }  
	clearmessage();
}

function removeMarkers() {
  map.clearOverlays();
  coldmarkers=[];
}

function makeList(name) {
  var li  = document.createElement("li");
  Element.extend(li); //IE
  li.id = "listId" + markeridx;
  var a = document.createElement("a");
  a.href = side_bar_html;
  a.value = markeridx;
  a.onmouseover = function(){mymouseover(this.value);};
  a.onmouseout = function(){mymouseout(this.value);};
  a.innerHTML= name;
  li.appendChild(a);
  $("side_bar").appendChild(li);
}