//tabs each window are the same
var tab1_label='Location';
// var tab2_label='Hours';

//marker content for One Easton Oval
var marker1_html1='<div style="width: 225px; height: 160px"><img src="/Uploads/Images/map_api_image.jpg" border="1" hspace="10"><br/><font size="2"><b>Budros, Ruhlin & Roe, Inc.</b></font><br/>1801 Watermark Drive<br/>Columbus, Ohio 43215<br><a href="http://maps.google.com/maps?f=q&hl=en&geocode=&q=1801 Watermark Drive+Columbus,+OH+43215&sll=39.973167,-83.051484&sspn=0.012129,0.014484&ie=UTF8&t=h&z=16&iwloc=addr" TARGET="_blank">Get Directions</a></div>';

$(function(){
      if (GBrowserIsCompatible()) {
        startup();
      };
      
      $(window).unload( 
          function () {
           GUnload(); 
           } 
       );
});

function startup(){

        //(39.973167, -83.051484) 
        //map is the div id
        var map = new GMap2(document.getElementById("map"));
        
        //Center Coordinates
        map.setCenter(new GLatLng(39.973167, -83.051484) , 10);
        
        //controls
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        
        //for custom icon
        var baseIcon = new GIcon();

        baseIcon.iconSize = new GSize(48, 31);
        baseIcon.iconAnchor = new GPoint(9, 34);
        baseIcon.infoWindowAnchor = new GPoint(9, 2);
        
        //Location
        var point1=new GLatLng(39.973167, -83.051484) ;
        
        var marker1 = new GMarker(point1,markerOptions);      
        map.addOverlay(marker1);

		var logo = new GIcon(baseIcon);
        logo.image = "images/googlepin-both.png";
        var markerOptions = { icon:logo };
       
        
        //click event handler- Marker 1
        GEvent.addListener(marker1, "click", function() {
              marker1.openInfoWindowTabsHtml([new GInfoWindowTab(tab1_label,marker1_html1)]);
        });

marker1.openInfoWindowTabsHtml([new GInfoWindowTab(tab1_label,marker1_html1)]);
           
};