var map, selectedFeature, selectControli, selectControlj, selectControlk, selectControll, selectControlm, selectControln, layer;

function cb_siteOver(feature){
  selectedFeature = feature;
  document.getElementById("sid").innerHTML = feature.attributes.sid;
  document.getElementById("sname").innerHTML = feature.attributes.sname;
  document.getElementById("tname").innerHTML = feature.attributes.tname;
  document.getElementById("vname").innerHTML = feature.attributes.vname;
  document.getElementById("wname").innerHTML = feature.attributes.wname;
  document.getElementById("nam").innerHTML = feature.attributes.nam;
  document.getElementById("namm").innerHTML = feature.attributes.namm;
  document.getElementById("gfs").innerHTML = feature.attributes.gfs;
  document.getElementById("gfsm").innerHTML = feature.attributes.gfsm;
  document.getElementById("xname").innerHTML = feature.attributes.xname;
  document.getElementById("meteo").innerHTML = feature.attributes.meteo;

  popup = new OpenLayers.Popup('chicken', 
              feature.geometry.getBounds().getCenterLonLat(),
              new OpenLayers.Size(300,90),
          "<div style='font-size:.8em'>" + feature.attributes.sid +"<br /><a href='"+ feature.attributes.nam_l +"'>"+ feature.attributes.nam +"</a> - <a href='"+ feature.attributes.nam_cobb +"'>View Cobb Output!</a><br /><a href='"+ feature.attributes.namm_l +"'>"+ feature.attributes.namm +"</a> - <a href='"+ feature.attributes.namm_cobb +"'>View Cobb Output!</a><br /><a href='"+ feature.attributes.gfs_l +"'>"+ feature.attributes.gfs +"</a> - <a href='"+ feature.attributes.gfs_cobb +"'>View Cobb Output!</a><br /><a href='"+ feature.attributes.gfsm_l +"'>"+ feature.attributes.gfsm +"</a> - <a href='"+ feature.attributes.gfsm_cobb +"'>View Cobb Output!</a><br /><a href='"+ feature.attributes.xname +"'>"+ feature.attributes.meteo +"</a></div>",
              true);
  feature.popup = popup;
  map.addPopup(popup);
};

function cb_siteOut(feature){ 
    map.removePopup(feature.popup);
  document.getElementById("sid").innerHTML = "No Site Selected";
  document.getElementById("sname").innerHTML = "";
  document.getElementById("tname").innerHTML = "";
  document.getElementById("vname").innerHTML = "";
  document.getElementById("wname").innerHTML = "";
  document.getElementById("nam").innerHTML = "";
  document.getElementById("namm").innerHTML = "";                
  document.getElementById("gfs").innerHTML = "";                
  document.getElementById("gfsm").innerHTML = "";                
  document.getElementById("xname").innerHTML = "";
  document.getElementById("meteo").innerHTML = "";

    feature.popup.destroy();
    feature.popup = null;
};


function init(){
  // Build Map Object
  map = new OpenLayers.Map( 'map',{
        projection: new OpenLayers.Projection('EPSG:900913'),
        displayProjection: new OpenLayers.Projection('EPSG:4326'),
        units: 'm',
        wrapDateLine: false,
        numZoomLevels: 18,
        maxResolution: 156543.0339,
        maxExtent: new OpenLayers.Bounds(-20037508, -20037508,
                                         20037508, 20037508.34)
  });

  // Traditional Google Map Layer
  var googleLayer = new OpenLayers.Layer.Google(
                'Google Streets',
                 {'sphericalMercator': true}
            );
   var styleMap = new OpenLayers.StyleMap({
       'default': {
           fillColor: 'black',
           strokeColor: 'yellow',
           strokeWidth: 2,
           pointRadius: 5,
           strokeOpacity: 1
       },
       'select': {
          fillOpacity: 1,
          strokeColor: 'white',
          fillColor: 'red'
       }
   });

  var geojsoni = new OpenLayers.Layer.GML("NC U.S. Bufkit Sites", 
    "http://www.meteor.iastate.edu/~ckarsten/bufkit/data/nc_network.php?"+ (new Date()).getTime(),
            {
                projection: new OpenLayers.Projection('EPSG:4326'),
                format: OpenLayers.Format.GeoJSON, 
                styleMap: styleMap
             });

  var geojsonj = new OpenLayers.Layer.GML("SC U.S. Bufkit Sites",
    "http://www.meteor.iastate.edu/~ckarsten/bufkit/data/sc_network.php?"+ (new Date()).getTime(),
            {
                projection: new OpenLayers.Projection('EPSG:4326'),
                format: OpenLayers.Format.GeoJSON,
                styleMap: styleMap
             });

  var geojsonk = new OpenLayers.Layer.GML("NE U.S. Bufkit Sites",
    "http://www.meteor.iastate.edu/~ckarsten/bufkit/data/ne_network.php?"+ (new Date()).getTime(),
            {
                projection: new OpenLayers.Projection('EPSG:4326'),
                format: OpenLayers.Format.GeoJSON,
                styleMap: styleMap
             });

  var geojsonl = new OpenLayers.Layer.GML("SE U.S. Bufkit Sites",
    "http://www.meteor.iastate.edu/~ckarsten/bufkit/data/se_network.php?"+ (new Date()).getTime(),
            {
                projection: new OpenLayers.Projection('EPSG:4326'),
                format: OpenLayers.Format.GeoJSON,
                styleMap: styleMap
             });

  var geojsonm = new OpenLayers.Layer.GML("NW U.S. Bufkit Sites",
    "http://www.meteor.iastate.edu/~ckarsten/bufkit/data/nw_network.php?"+ (new Date()).getTime(),
            {
                projection: new OpenLayers.Projection('EPSG:4326'),
                format: OpenLayers.Format.GeoJSON,
                styleMap: styleMap
             });

  var geojsonn = new OpenLayers.Layer.GML("SW U.S. Bufkit Sites",
    "http://www.meteor.iastate.edu/~ckarsten/bufkit/data/sw_network.php?"+ (new Date()).getTime(),
            {
                projection: new OpenLayers.Projection('EPSG:4326'),
                format: OpenLayers.Format.GeoJSON,
                styleMap: styleMap
             });
   // NEXRAD Composite Layer.
   var nexrad = new OpenLayers.Layer.WMS( 'NEXRAD (via IEM)',
     'http://mesonet.agron.iastate.edu/cgi-bin/wms/nexrad/n0r.cgi?', 
     {layers: 'nexrad-n0r', format: 'image/png', transparent: 'true'});
   nexrad.setVisibility(false);

   // Layer for NWS issued warnings, needs some help...
   var warnings = new OpenLayers.Layer.WMS( 'NWS Watch/Warnings (via IEM)',
    'http://mesonet.agron.iastate.edu/cgi-bin/wms/us/wwa.cgi?', 
    {layers: 'warnings_c', format: 'image/png', transparent: 'true'});
   warnings.setVisibility(false);

  geojsonj.setVisibility(false);
  geojsonk.setVisibility(false);
  geojsonl.setVisibility(false);
  geojsonm.setVisibility(false);
  geojsonn.setVisibility(false);

  map.addLayers([googleLayer,geojsoni,geojsonj,geojsonk,geojsonl,geojsonm,geojsonn,nexrad,warnings]);
   
  // Provide hover capabilities over road_condition layer
  selectControli = new OpenLayers.Control.SelectFeature(geojsoni, {
       onSelect: cb_siteOver, 
       onUnselect: cb_siteOut
   });
  selectControlj = new OpenLayers.Control.SelectFeature(geojsonj, {
       onSelect: cb_siteOver,
       onUnselect: cb_siteOut
   });
  selectControlk = new OpenLayers.Control.SelectFeature(geojsonk, {
       onSelect: cb_siteOver,
       onUnselect: cb_siteOut
   });
  selectControll = new OpenLayers.Control.SelectFeature(geojsonl, {
       onSelect: cb_siteOver,
       onUnselect: cb_siteOut
   });
  selectControlm = new OpenLayers.Control.SelectFeature(geojsonm, {
       onSelect: cb_siteOver,
       onUnselect: cb_siteOut
   });
  selectControln = new OpenLayers.Control.SelectFeature(geojsonn, {
       onSelect: cb_siteOver,
       onUnselect: cb_siteOut
   });

   map.addControl(selectControli);
   selectControli.activate();
   map.addControl(selectControlj);
   selectControlj.activate();
   map.addControl(selectControlk);
   selectControlk.activate();
   map.addControl(selectControll);
   selectControll.activate();
   map.addControl(selectControlm);
   selectControlm.activate();
   map.addControl(selectControln);
   selectControln.activate();


   geojsoni.events.register('loadend', geojsoni, function() {
     var ei = geojsoni.getDataExtent();
     map.setCenter( ei.getCenterLonLat(), geojsoni.getZoomForExtent(ei,false));
   });
   geojsonj.events.register('loadend', geojsonj, function() {
     var ej = geojsonj.getDataExtent();
     map.setCenter( ej.getCenterLonLat(), geojsonj.getZoomForExtent(ej,false));
   });
   geojsonk.events.register('loadend', geojsonk, function() {
     var ek = geojsonk.getDataExtent();
     map.setCenter( ek.getCenterLonLat(), geojsonk.getZoomForExtent(ek,false));
   });
   geojsonl.events.register('loadend', geojsonl, function() {
     var el = geojsonl.getDataExtent();
     map.setCenter( el.getCenterLonLat(), geojsonl.getZoomForExtent(el,false));
   });
   geojsonm.events.register('loadend', geojsonm, function() {
     var em = geojsonm.getDataExtent();
     map.setCenter( em.getCenterLonLat(), geojsonm.getZoomForExtent(em,false));
   });
   geojsonn.events.register('loadend', geojsonn, function() {
     var en = geojsonn.getDataExtent();
     map.setCenter( en.getCenterLonLat(), geojsonn.getZoomForExtent(en,false));
   });


   var proj = new OpenLayers.Projection('EPSG:4326');
   var proj2 = new OpenLayers.Projection('EPSG:900913');
   var point = new OpenLayers.LonLat(-93.8, 42.2);
   point.transform(proj, proj2);

   map.setCenter(point, 2);


   map.addControl( new OpenLayers.Control.LayerSwitcher({id:'ls'}) );
   map.addControl( new OpenLayers.Control.MousePosition() );
   map.getControl('ls').maximizeControl();

}