title: Google Maps API v3 Hiding and showing a circle bound to a marker
body: <p>I have successfully bound a circle to my marker using google map api v3.  I know this because if I make the marker dragable the circle moves as well.  </p>
  
  <p>How can I refer to the circle if the marker is clicked.  I need to show the circle if not visible or vice-versa.</p>
  
  <p>Here is the code to create the marker and circle</p>
  
  <pre><code>var markerOptions = {
  title: title,
  icon: markerImage,
  shadow: markerShadow,
  position: latlng,
  map: map
  }
  var marker = new google.maps.Marker(markerOptions);   
  // Add a Circle overlay to the map.
  var circle = new google.maps.Circle({
  map: map,
  radius: 50*1609.34,// 50 MI
  visible: false
  });
  //circle.bindTo('map', marker);
  circle.bindTo('center', marker, 'position');
  </code></pre>
  
  <p>I found an answer on stackoverflow that led me to think I needed to do the rem'd out map binding as well the center binding, but that did not work.</p>
  
  <p>Here is my click event for the marker.</p>
  
  <pre><code>google.maps.event.addListener(marker, "click", function() {
  var infowindowOptions = {
  content: html
   }
  var infowindow = new google.maps.InfoWindow(infowindowOptions);
  cm_setInfowindow(infowindow);
  infowindow.open(map, marker);
  marker.setIcon(markerImageOut);
  marker.circle({visible: true});
  </code></pre>
  
  <p>Any ideas.  I need to interact with the bound circle of the marker that was just clicked or moused over.</p>