title: when mouseover or out change icon marker
body: <p>What i want is when user do mouseover (hover) then the icon change. My code is below:</p>
  
  <pre><code>handler = Gmaps.build("Google", {
  markers: {
    maxRandomDistance: null
  }
  });
  handler.buildMap({
  provider: {},
  internal: {
    id: "map-canvas"
  }
  }, function() {
  var markers;
  markers = handler.addMarkers(ar);
  _.each(ar, function(json, index) {
    json.marker = markers[index];
    $(".location-" + json.id).on("mouseover", function() {
      json.picture = {
        url: "http://maps.google.com/mapfiles/ms/icons/green-dot.png",
        width: 36,
        height: 36
      };
      json.marker.setMap(handler.getMap());
      json.marker.panTo();
      handler.removeMarker(json.marker);
      handler.addMarker(json);
    }).on("mouseout", function() {
      json.picture = '';
      handler.removeMarker(json.marker);
      handler.addMarker(json);
    });
  });
  handler.bounds.extendWith(markers);
  handler.fitMapToBounds();
  });
  </code></pre>
  
  <p>Using this code, the color of the marker can change from red to green. However, when the user remove their mouse from the hover area, the color does not change back to the original color. Please can anyone suggest me on this issue?</p>
  
  <p>Thanks</p>