var map, manager;
//var centerLatitude = 40.736462, centerLongitude = -73.98777, startZoom = 12;
var centerLatitude = 45.5, centerLongitude = -121.348842, startZoom = 6;
                                //44.075398,-121.348842
function createMarkerClickHandler(marker, name, link, lib, add, city, state, zip, phone) {
  return function() {
    marker.openInfoWindowHtml(
      '<div id="window"><h4>' + name + '</h4>' +
      '<a href="' + link + '">' + lib + '</a><br>' + add + '<br>' + city + ', ' + state + ' ' + zip + '<br>' + phone + '</div>'
    );
    return false;
  };
}


function createMarker(pointData) {
  var latlng = new GLatLng(pointData.latitude, pointData.longitude);

  var icon = new GIcon();
  icon.image = 'red_marker.png';
  icon.iconSize = new GSize(32, 14);     //32.32
  icon.iconAnchor = new GPoint(16, 10);        //16.16
  icon.infoWindowAnchor = new GPoint(25, 7);

  opts = {
    "icon": icon,
    "clickable": true,
    "labelText": pointData.abbr,
    "labelOffset": new GSize(-16, -16)
  };
 
  var marker = new LabeledMarker(latlng, opts);
  
  var name=pointData.name;
  var link=pointData.link;
  var lib=pointData.lib;
  var add=pointData.add;
  var city=pointData.city;
  var state=pointData.state;
  var zip=pointData.zip;
  var phone=pointData.phone;
  
  
  var handler = createMarkerClickHandler(marker, name, link, lib, add, city, state, zip, phone);
	
  GEvent.addListener(marker, "click", handler);

  var listItem = document.createElement('li');
  listItem.innerHTML = '<div class="label">'+pointData.abbr+'</div><a href="' + link + '">' + name + '</a>';
  listItem.getElementsByTagName('a')[0].onclick = handler;

  document.getElementById('sidebar-list').appendChild(listItem);
 // document.getElementById('sidebar-list2').appendChild(listItem); 
  
  
  return marker;
}

function createMarker2(pointData) {
  var latlng = new GLatLng(pointData.latitude, pointData.longitude);

  var icon = new GIcon();
  icon.image = 'red_marker.png';
  icon.iconSize = new GSize(32, 14);   //32.32
  icon.iconAnchor = new GPoint(16, 10);   //16.16
  icon.infoWindowAnchor = new GPoint(25, 7);

  opts = {
    "icon": icon,
    "clickable": true,
    "labelText": pointData.abbr,
    "labelOffset": new GSize(-16, -16)
  };
 
  var marker = new LabeledMarker(latlng, opts);
  
    var name=pointData.name;
  var link=pointData.link;
  var lib=pointData.lib;
  var add=pointData.add;
  var city=pointData.city;
  var state=pointData.state;
  var zip=pointData.zip;
  var phone=pointData.phone;
  
  
  
  var handler = createMarkerClickHandler(marker, name, link, lib, add, city, state, zip, phone); 	
  GEvent.addListener(marker, "click", handler);

  var listItem = document.createElement('li');
  listItem.innerHTML = '<div class="label">'+pointData.abbr+'</div><a href="' + pointData.link + '">' + pointData.name + '</a>';
  listItem.getElementsByTagName('a')[0].onclick = handler;

  document.getElementById('sidebar-list2').appendChild(listItem);
 // document.getElementById('sidebar-list2').appendChild(listItem); 
  
  
  return marker;
}


function windowHeight() {
  // Standard browsers (Mozilla, Safari, etc.)
  if (self.innerHeight) {
    return self.innerHeight;
  }
  // IE 6
  if (document.documentElement && document.documentElement.clientHeight) {
   return document.documentElement.clientHeight;
  }
  // IE 5
  if (document.body) {
    return document.body.clientHeight;
  }
  // Just in case. 
  return 0;
}

function handleResize() {
  var height = windowHeight() - document.getElementById('toolbar').offsetHeight - 30;
  document.getElementById('map').style.height = height + 'px';
  document.getElementById('right-sidebar').style.height = height + 'px';
  document.getElementById('left-sidebar').style.height = height + 'px';
}

function init() {
  handleResize();
	
  map = new GMap(document.getElementById("map"));
  map.addControl(new GSmallMapControl());
  map.setCenter(new GLatLng(centerLatitude, centerLongitude), startZoom);
  map.addControl(new GMapTypeControl());

  manager = new MarkerManager(map);
	
  // This is a sorting trick, don't worry too much about it.
 // markers.sort(function(a, b) { return (a.abbr > b.abbr) ? +1 : -1; }); 
 // markers2.sort(function(a, b) { return (a.abbr > b.abbr) ? +1 : -1; });   	
  batch = [];
  for(id in markers) {
    batch.push(createMarker(markers[id]));
  }
  for(id in markers2) {
    batch.push(createMarker2(markers2[id]));
  }
  
  
  manager.addMarkers(batch, 4);            //11
  manager.refresh();
}

window.onresize = handleResize;
window.onload = init;
window.onunload = GUnload;