title: Google Maps Mashup with Intelligently positioning InfoBox
body: <p>I'm looking for some help with a Google Maps implementation. I have to code (JS) a "Smart InfoBox/Bubble" that positions itself intelligently in relation to the marker and that marker's position relative to the edge of the Map View. </p>
  
  <p>VW does this in their Locator:
  <a href="http://goo.gl/hiyfk" rel="nofollow">http://goo.gl/hiyfk</a></p>
  
  <p>Example Screenshot: (Bubble Opens Top Left)  <a href="http://screencast.com/t/OAqehpfNf8" rel="nofollow">http://screencast.com/t/OAqehpfNf8</a></p>
  
  <p>Example Screenshot: (Bubble Opens Top Right)  <a href="http://screencast.com/t/aqKM2nGZyR" rel="nofollow">http://screencast.com/t/aqKM2nGZyR</a></p>
  
  <p>I'm basically looking for which objects I should target to run the calculations on, I'm not ideally up to speed on the GoogleMaps API. 
  The basic function in my mind should be to get the marker position and then decide which MapView quadrant its in and then pop the InfoBox up in the direction that makes the most sense. Eg. Marker in the NW quadrant = InfoBox to the SE.</p>
  
  <p>Any help pointing me in the right direction is greatly appreciated.</p>