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

//marker content for Carlsbad Location
var marker1_html1='<div style="width: 225px; height: 160px"><img src="/images/outside-Carlsbad.jpg" border="1" hspace="10"><br/><font size="2"><b>Bistro West - Carlsbad</b></font><br/>4960 Avenida Encinas<br/>Carlsbad, CA 92008<br/><a href="http://maps.google.com/maps?f=q&hl=en&geocode=&q=4960+Avenida+Encinas,+Carlsbad,+CA+92008&sll=33.134594,-117.331532&sspn=0.012129,0.014484&ie=UTF8&t=h&z=16&iwloc=addr">Get Directions</a></div>';

var marker1_html2='<div style="width: 225px; height: 160px"><b>Hours of Operation</b><br/><table style="width:225px" cellpadding="2" cellspacing="0"><tr><td><b>Lunch</b></td><td>Mon-Fri</td><td>11:30am - 3:30pm</td></tr><tr><td colspan="3">&nbsp;</td></tr><td><b>Dinner</b></td><td>Sun-Mon</td><td>3:30pm - 9:30pm</td></tr><tr><td>&nbsp;</td><td>Tue-Thu</td><td>3:30pm - 10:00pm</td></tr><tr><td>&nbsp;</td><td>Fri-Sat</td><td>3:30pm - 10:00pm</td></tr><tr><td colspan="3">&nbsp;</td></tr><tr><td colspan="2"><b>Sunday Brunch</b></td><td>10:00am - 1:30pm </td></tr><tr><td colspan="2"><b>Sunday Lunch</b></td><td>1:30pm - 3:30pm</td></tr></table></div>';

//marker content for Tustin Location
var marker2_html1='<div style="width: 225px; height: 160px"><img src="/images/outside-Tustin.jpg" border="1" hspace="10"><br/><font size="2"><b>Bistro West - Tustin</b></font><br/>2601 Park Ave<br/><em>(Barranca Parkway and Jamboree Rd)</em><br/>Tustin Ca 92782<br/><a href="http://maps.google.com/maps?f=q&hl=en&geocode=&q=barranca+parkway+at+jamboree+rd,+irvine,+ca&sll=33.694173,-117.822576&sspn=0.010426,0.02223&ie=UTF8&ll=33.694513,-117.825301&spn=0.010426,0.02223&t=h&z=16&iwloc=addr">Get Directions</a></div>';

var marker2_html2='<div style="width: 225px; height: 160px"><b>Hours of Operation</b><br/><table style="width:225px" cellpadding="2" cellspacing="0"><tr><td><b>Lunch</b></td><td>Mon-Fri</td><td>11:30am - 3:30pm</td></tr><tr><td colspan="3">&nbsp;</td></tr><td><b>Dinner</b></td><td>Sun-Mon</td><td>3:30pm - 9:30pm</td></tr><tr><td>&nbsp;</td><td>Tue-Thu</td><td>3:30pm - 10:00pm</td></tr><tr><td>&nbsp;</td><td>Fri-Sat</td><td>3:30pm - 10:00pm</td></tr><tr><td colspan="3">&nbsp;</td></tr><tr><td colspan="2"><b>Sunday Brunch</b></td><td>10:00am - 1:30pm </td></tr><tr><td colspan="2"><b>Sunday Lunch</b></td><td>1:30pm - 3:30pm</td></tr></table></div>';

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

function startup(){

        //(33.133991, -117.331039) 
        //map is the div id
        var map = new GMap2(document.getElementById("map"));
        
        //San Clemente, CA
        map.setCenter(new GLatLng(33.427978, -117.409523) , 8);
        
        //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);
        
        //west bistro
        var point1=new GLatLng(33.133991, -117.331039) ;
        var point2=new GLatLng(33.694513, -117.825301) ;
        
        var marker1 = new GMarker(point1,markerOptions);      
        map.addOverlay(marker1);
 		var marker2 = new GMarker(point2,markerOptions);      
        map.addOverlay(marker2);

		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), new GInfoWindowTab(tab2_label,marker1_html2)]);
        });


		//click event handler- Marker 2
        GEvent.addListener(marker2, "click", function() {
              marker2.openInfoWindowTabsHtml([new GInfoWindowTab(tab1_label,marker2_html1), new GInfoWindowTab(tab2_label,marker2_html2)]);
        });

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