$(function() {

  var chicago = new google.maps.LatLng(0, 0),
	  pointToMoveTo, 
	  first = true,
	  curMarker = new google.maps.Marker({}),
	  $el;
  
  var myOptions = {
	  zoom: 10,
	  center: chicago,
	  mapTypeId: google.maps.MapTypeId.ROADMAP
	};
  
  var map = new google.maps.Map($("#map_canvas")[0], myOptions);
  
	
	

  $(".locations li").click(function() {
   
	$el = $(this);
			
	if (!$el.hasClass("hover")) {
	
	  $(".locations li").removeClass("hover");
	  $el.addClass("hover");
	
	  if (!first) { 
		
		// Clear current marker
		curMarker.setMap(); 
		
		// Set zoom back to Chicago level
		// map.setZoom(10);
	  }
	  
	  // Move (pan) map to new location
	  pointToMoveTo = new google.maps.LatLng($el.attr("data-geo-lat"), $el.attr("data-geo-long"));
	  map.panTo(pointToMoveTo);
	  
	  // Add new marker
	  curMarker = new google.maps.Marker({
		  position: pointToMoveTo,
		  map: map,
		  icon: "wp-content/themes/bg2011/inc/images/marker.png"
	  });
	  
	  
	  // On click, zoom map
	  google.maps.event.addListener(curMarker, 'click', function() {
		 map.setZoom(14);
	  });
	  
	  // Fill more info area
	  $(".more-info")
		.find("h2")
		  .html($el.find("h3").html())
		  .end()
		.find("p")
		  .html($el.find(".longdesc").html());
	  
	  // No longer the first time through (re: marker clearing)        
	  first = false; 
	}
	
  });
  
  $(".locations li:first").trigger("click");
 

});


function popUp1() {
props=window.open('Pussel/sv1.html', 'poppage', 'toolbars=0, scrollbars=0, location=0, statusbars=0, menubars=0, resizable=0, width=750, height=500 left = 100, top = 100');
}
function popUp2() {
props=window.open('Pussel/sv2.html', 'poppage', 'toolbars=0, scrollbars=0, location=0, statusbars=0, menubars=0, resizable=0, width=750, height=500 left = 100, top = 100');
}
function popUp3() {
props=window.open('Pussel/sv3.html', 'poppage', 'toolbars=0, scrollbars=0, location=0, statusbars=0, menubars=0, resizable=0, width=750, height=500 left = 100, top = 100');
}
function popUp4() {
props=window.open('Pussel/sv4.html', 'poppage', 'toolbars=0, scrollbars=0, location=0, statusbars=0, menubars=0, resizable=0, width=750, height=500 left = 100, top = 100');
}
function popUp5() {
props=window.open('Pussel/sv5.html', 'poppage', 'toolbars=0, scrollbars=0, location=0, statusbars=0, menubars=0, resizable=0, width=750, height=500 left = 100, top = 100');
}