title: Google maps API : V2 : Custom infowindow with bindInfoWindowHtml
body: <p>The API documentation gave me hopes last night with "bindInfoWindowHtml".<br>
  But it doesn't seem to replace the default infoWindow, even when you provide your own class etc.    </p>
  
  <p>I have tried using other ideas like the <strong>labeledmarker</strong>. But it doesn't support draggable markers. Hence can't use it in my application.</p>
  
  <p>Here is the sample code which shows the info. window inside, the original bubble.
  Isn't there a way to override that window as well !</p>
  
  <p>`<br>
    
      </p>
  
  <pre><code>&lt;style type="text/css"&gt;
      .infoWindowCustomClass
      {
          width: 500px;
          height: 500px;
          background-color: #CAEE96;
          color: #666;
      }
  &lt;/style&gt;
  &lt;meta http-equiv="content-type" content="text/html; charset=utf-8"/&gt;
  &lt;title&gt;Google Maps JavaScript API Example&lt;/title&gt;
  &lt;script src="http://maps.google.com/maps?file=api&amp;amp;v=2&amp;amp;sensor=false&amp;amp;key="" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  
  function load() {
    if (GBrowserIsCompatible())
    {
          // Create our "tiny" marker icon
          var blueIcon = new GIcon(G_DEFAULT_ICON);
          blueIcon.image = "http://www.google.com/intl/en_us/mapfiles/ms/micons/blue-dot.png";
  
          // Set up our GMarkerOptions object
          markerOptions = { icon:blueIcon };
  
          var map = new GMap2(document.getElementById("map"));
          map.setCenter(new GLatLng(33.968064,-83.377047), 13);
  
          markerOptions.title = "fart";
          var point = new GLatLng(33.968064,-83.377047);
          var marker = new GMarker(point);
          var tempName = document.getElementById("infoWindowCustom");
          marker.bindInfoWindowHtml(tempName);
          map.addOverlay(marker);
      }
  }
  
  &lt;/script&gt;`
  </code></pre>
  
  <p>And here is the DIV -</p>
  
  <p><code>
  &lt;DIV id="infoWindowCustom" name="infoWindowCustom" class="infoWindowCustomClass"&gt;<br>
  Name : &lt;TEXTAREA NAME="nameID" ID="nameID" ROWS="2" COLS="25"&gt;&lt;/TEXTAREA&gt;<br>
  Comments : &lt;TEXTAREA NAME="commentsID" ID="commentsID" ROWS="4" COLS="25"&gt;&lt;/TEXTAREA&gt;<br>
      &lt;/DIV&gt;
  </code></p>