var keepXML=[];keepXML[0]="ALL";
var ALLXML=new Array("NW","SW","NO","CO","SO","NC");

var region = "ALL";

var regions_html = '<form name="regionForm">';
regions_html += '<input type="checkbox" name="ALL" value="ALL" checked="checked" onClick="checkAll(regionForm)"/> All<br>';
//regions_html += '<input type="checkbox" name="VI" value="VI" onmouseover="showStas(regionForm.VI.value)" onmouseout="hideStas(regionForm.VI.value)" onClick="uncheckAll(regionForm)"/> <a class="regions" onmouseover=showStas(regionForm.VI.value) onmouseout=hideStas(regionForm.VI.value)> Vancouver Island </a><br>';
regions_html += '<a class="regions" onmouseover=showStas("VI") onmouseout=hideStas("VI")> (&#9744;) Vancouver Island <small>(Pending permission)</small></a><br>';
regions_html += '<input type="checkbox" name="NW" value="NW" onmouseover="showStas(regionForm.NW.value)" onmouseout="hideStas(regionForm.NW.value)" onClick="uncheckAll(regionForm)"/> <a class="regions" onmouseover=showStas(regionForm.NW.value) onmouseout=hideStas(regionForm.NW.value)> Northern Washington </a><br>';
regions_html += '<input type="checkbox" name="SW" value="SW" onmouseover="showStas(regionForm.SW.value)" onmouseout="hideStas(regionForm.SW.value)" onClick="uncheckAll(regionForm)"/> <a class="regions" onmouseover=showStas(regionForm.SW.value) onmouseout=hideStas(regionForm.SW.value)> Southern Washington </a><br>';
regions_html += '<input type="checkbox" name="NO" value="NO" onmouseover="showStas(regionForm.NO.value)" onmouseout="hideStas(regionForm.NO.value)" onClick="uncheckAll(regionForm)"/> <a class="regions" onmouseover=showStas(regionForm.NO.value) onmouseout=hideStas(regionForm.NO.value)> Northern Oregon </a><br>';
regions_html += '<input type="checkbox" name="CO" value="CO" onmouseover="showStas(regionForm.CO.value)" onmouseout="hideStas(regionForm.CO.value)" onClick="uncheckAll(regionForm)"/> <a class="regions" onmouseover=showStas(regionForm.CO.value) onmouseout=hideStas(regionForm.CO.value)> Central Oregon </a><br>';
regions_html += '<input type="checkbox" name="SO" value="SO" onmouseover="showStas(regionForm.SO.value)" onmouseout="hideStas(regionForm.SO.value)" onClick="uncheckAll(regionForm)"/> <a class="regions" onmouseover=showStas(regionForm.SO.value) onmouseout=hideStas(regionForm.SO.value)> Southern Oregon </a><br>';
regions_html += '<input type="checkbox" name="NC" value="NC" onmouseover="showStas(regionForm.NC.value)" onmouseout="hideStas(regionForm.NC.value)" onClick="uncheckAll(regionForm)"/> <a class="regions" onmouseover=showStas(regionForm.NC.value) onmouseout=hideStas(regionForm.NC.value)> Northern California </a></form><br>';
regions_html += '<input type="submit" value="Redraw Map" onClick="refreshMap()"/>';


var overlays_html = '<form name="staform" id="overlay">';
overlays_html += '<input type="checkbox" name="stations" value="stations" onClick="replotStations()"/> Seismometers<br>';
overlays_html += '<input type="checkbox" name="plate" value="plate" onClick="plotPlate()"/> Plate Depth <small>(30,40,50 km)</small></form>'


//var control_html = '<label><input type="radio" id ="oneday" name="dtselect" onClick="getRange()" checked="yes"> Single Date </label><br><label><input type="radio" id ="range" name="dtselect" onClick="getRange()"> Date Range </label><br>'
var date_control_html = '<table><td><label><input type="radio" id ="oneday" name="dtselect" onClick="getRange()" checked="yes"> Single</label></td><td><label><input type="radio" id ="range" name="dtselect" onClick="getRange()"> Range</label></td></table>'

var single_day_html='<table><td>Date:<br><input id="day" type="text" style="width:70px;" name="singleday" onkeypress="if(event.keyCode==13){updateDates()}"></td></table><table><td><input id="mybutton" type="submit" value="Plot" onClick="updateDates()"></td><td><input id="this1" type="button" value="Prev" onClick="prevday()"></td><td><input id="that1" type="button" value="Next" onClick="nextday()"></td></table>';
var new_single_day_html='<table><td>Date:<br><input id="day" type="text" style="width:70px;" name="singleday" value="mm/dd/yyyy" onkeypress="if(event.keyCode==13){updateDates()}"></td></table><table><td><input id="mybutton" type="submit" value="Plot" onClick="updateDates()"></td><td><input id="this1" type="button" value="Prev" onClick="prevday()"></td><td><input id="that1" type="button" value="Next" onClick="nextday()"></td></table>';
var range_days_html='<table><td>Start:<br><input id="dayone" type="text" style="width:70px;" name="dayone" value="mm/dd/yyyy" onkeypress="if(event.keyCode==13){updateDates()}"></td><td></td><td>End:<br><input id="daytwo" type="text" style="width:70px;" name="daytwo" value="mm/dd/yyyy" onkeypress="if(event.keyCode==13){updateDates()}"></td></table><table><td><input id="mybutton" type="button" value="Plot" onClick="updateDates()"></td><td><input id="animatebutton" type="button" value="Animate" onClick="animate_updateDates()"></td></table>';
var explanation_html = 'Applet and tremor catalog created and maintained by Aaron Wech. Please send questions or comments to <a class="email" href="mailto:wech@u.washington.edu">wech@u.washington.edu</a><br>(Internet Explorer not properly supported at this time. I apologize for any inconvenience this may cause.)';

var hot_icon = new GIcon();
hot_icon.shadow = null;
hot_icon.iconSize = new GSize(14, 14);
hot_icon.shadowSize = new GSize(0,0);
hot_icon.iconAnchor = new GPoint(6,6);
hot_icon.image = "pngfiles/hotdot.png";

var thisIcon = new GIcon();
thisIcon.shadow=null;
thisIcon.iconSize=new GSize(7,7);
thisIcon.shadowSize = new GSize(0,0);
thisIcon.iconAnchor = new GPoint(0,0);
thisIcon.infoWindowAnchor=new GPoint(11,0);
var cold_icon = new GIcon(thisIcon, "pngfiles/colddot.png", null);
var sta_icon = new GIcon(thisIcon, "pngfiles/station.png", null);
sta_icon.iconSize=new GSize(11,8.5);

var hot_sta = new GIcon();
hot_sta.shadow = null;
hot_sta.iconSize = new GSize(16, 12.5);
hot_sta.shadowSize = new GSize(0,0);
hot_sta.iconAnchor = new GPoint(3,3);
hot_sta.image = "pngfiles/station.png";

function refreshMap() {
  removeMarkers();
  setTimeout("updateDates()",500);
}

function checkAll(regionForm)
{
  if(regionForm.ALL.checked)
   {
   //regionForm.VI.checked = false;
   regionForm.NW.checked = false;
   regionForm.SW.checked = false;
   regionForm.NO.checked = false;
   regionForm.CO.checked = false;
   regionForm.SO.checked = false;
   regionForm.NC.checked = false;
   }
  keepXML=[];
  clearXML();
  var j=0;
  for (i=0; i<regionForm.length; i++) {
    if (regionForm[i].checked) {
      keepXML[j]=regionForm[i].value;
      j++;
    }
  }      
  make_ALLcal();
  if (keepXML.length>0) {
    redrawChart();
  }
}

function uncheckAll(regionForm)
{
  regionForm.ALL.checked = false;
  keepXML=[];
  clearXML();
  var j=0;
  for (i=0; i<regionForm.length; i++) {
    if (regionForm[i].checked) {
      keepXML[j]=regionForm[i].value;
      j++;
    }
  }    
  make_cal();
  if (keepXML.length>0) {
    redrawChart();
  }
}

var XML= new Object;
XML.ALLcol='red';
XML.VIcol='gray';XML.NWcol='blue';XML.SWcol='black';XML.NOcol='green';XML.COcol='purple';XML.SOcol='magenta';XML.NCcol='orange';

XML.ALLdates=[];
XML.VIdates=[];XML.NWdates=[];XML.SWdates=[];XML.NOdates=[];XML.COdates=[];XML.SOdates=[];XML.NCdates=[];

XML.ALLhours=[];
XML.VIhours=[];XML.NWhours=[];XML.SWhours=[];XML.NOhours=[];XML.COhours=[];XML.SOhours=[];XML.NChours=[];

XML.VIstas=[];XML.NWstas=[];XML.SWstas=[];XML.NOstas=[];XML.COstas=[];XML.SOstas=[];XML.NCstas=[];

XML.ALL=[];
XML.VI=[];XML.NW=[];XML.SW=[];XML.NO=[];XML.CO=[];XML.SO=[];XML.NC=[];

function clearXML() {
  XML.ALLdates=[];
  XML.VIdates=[];XML.NWdates=[];XML.SWdates=[];XML.NOdates=[];XML.COdates=[];XML.SOdates=[];XML.NCdates=[];
  
  XML.ALLhours=[];
  XML.VIhours=[];XML.NWhours=[];XML.SWhours=[];XML.NOhours=[];XML.COhours=[];XML.SOhours=[];XML.NChours=[];
 
  XML.ALL=[];
  XML.VI=[];XML.NW=[];XML.SW=[];XML.NO=[];XML.CO=[];XML.SO=[];XML.NC=[];
  
  XML.ALLcol='red';
  XML.VIcol='gray';XML.NWcol='blue';XML.SWcol='black';XML.NOcol='green';XML.COcol='purple';XML.SOcol='magenta';XML.NCcol='orange';
  return XML;
}