function animate_updateDates() {
	stop_id = 0;
	slowload();
	map.clearOverlays();
	getStations();region_stations();
	markeridx = 0;
	tremtime = [];
	coldmarkers = [];
	prev_trem =[];
	dailynum = [];
	dailyhours = [];
	daycount = 0;
	thiscount = 0;
	side_bar_html="";
	var date1 = new Date(document.getElementById("dayone").value);
	var date2 = new Date(document.getElementById("daytwo").value);
	date2.setDate(date2.getDate()+1);
	if (date1.getYear()<100) {
		date1.setYear(date1.getYear()+2000)
	}
	if (date2.getYear()<100) {
		date2.setYear(date2.getYear()+2000)
	}
	//if (document.getElementById("range").checked==true) {
	//	chart.setVisibleChartRange(date1,date2);
	//}

	var request = GXmlHttp.create();
	request.open("GET", summaryXML, true);
	request.onreadystatechange = function() {
		if (request.readyState == 4) {
			var xmlDoc = GXml.parse(request.responseText);
			var ttt = xmlDoc.documentElement.getElementsByTagName("total");
			for (var i = 0; i < ttt.length; i++) {
				dates = ttt[i].getAttribute("date");
				var datecheck = new Date(dates);
				if (datecheck.getTime()>=date1.getTime() && datecheck.getTime()<date2.getTime()) {
				  var hours = 0; 
	        num = 0;
          for (var k=0; k < keepXML.length; k++) {
            hours = hours + parseFloat(ttt[i].getAttribute(keepXML[k]+"hours"));
            num = num + parseFloat(ttt[i].getAttribute(keepXML[k]+"num"));
          }
					save_date(hours,num);
				}
			}
			animateTrem(date1.getTime(),date2.getTime());
		}
	}
	request.send(null);
};

function animateTrem(t1,t2) {
	while_animate();
	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
            create_anim_Marker1(point,datetest.getTime());
          } // end of checking dates
        }
			} // end of loop over catalog
			setTimeout("animateMarkers("+t1+","+t2+")",7000);
		} // end of document status check
	} // end of open document
	request.send(null);
} // end of function

function animateMarkers(t1,t2) {
	if (t1 < t2 && stop_id==0) {
		var D1 = new Date(t1);
		var m1=D1.getMonth()+1;
		var d1=D1.getDate();
		var y1=D1.getFullYear();
		var dt = 86400*1000;
		var T2=t1+dt;
		for (var i = 0; i < prev_trem.length; i++) {
			//coldmarkers[prev_trem[i]].hide();
			map.removeOverlay(coldmarkers[prev_trem[i]]);
		}
		prev_trem = [];
		var j=0;
		for (var i = 0; i < coldmarkers.length; i++) {
			if (tremtime[i]>=t1 && tremtime[i]<=T2) {
				//coldmarkers[i].show()
				map.addOverlay(coldmarkers[i]);
				prev_trem[j]=i; j++;
			}
		}
		document.getElementById("total_date").innerHTML = m1+'/'+d1+'/'+y1;
		document.getElementById("total_hours").innerHTML = dailyhours[thiscount]+ ' Hours';
		document.getElementById("load_frame").innerHTML = 'Playing...<br><br>1 Frame = 1 Day';
		document.getElementById("total_num").innerHTML = prev_trem.length+' Tremor Events';
		D2= new Date(T2); D1.setDate(D1.getDate()-1);
		//chart.setVisibleChartRange(D1,D2);
		thiscount++;
		setTimeout("animateMarkers("+T2+","+t2+")",500);
	}
	else {
		Stopanimate();
		//var date1 = new Date(document.getElementById("dayone").value);
		//var date2 = new Date(document.getElementById("daytwo").value);
		//if (date1.getYear()<100) {
		//	date1.setYear(date1.getYear()+2000)
		//}
		//if (date2.getYear()<100) {
		//	date2.setYear(date2.getYear()+2000)
		//}
		//if (document.getElementById("range").checked==true) {
			//chart.setVisibleChartRange(date1,date2);
		//}
		document.getElementById("load_frame").innerHTML = 'Done.';
	}
}

// A function to create the marker and set up the event window
function create_anim_Marker1(point,t) {
	var marker = new MarkerLight(point,{image:"pngfiles/colddot.png",width:7,height:7});
  //var marker = new GMarker(point,{icon:cold_icon, zIndexProcess:importanceOrder});
  marker.importance=markeridx;
  coldmarkers.push(marker);
  //map.addOverlay(coldmarkers[markeridx]);
  //coldmarkers[markeridx].hide();
  tremtime.push(t);
  markeridx++;
}

function save_date(hours,numtrem) {
	dailyhours[daycount]=hours;
	dailynum[daycount]=numtrem;
	daycount++;
}