var map;

    function CreateInnMarker(inn_id,inn_name,inn_image_name,latitude,longitude)
    {
      var point = new GLatLng(latitude, longitude);

      var MarkerOptions = { title:inn_name };
      var marker = new GMarker(point, MarkerOptions);

      GEvent.addListener(marker,'click',function()
      {
        var openWindowStr = '<strong>' + inn_name + '</strong><br><img src="../images/inn-images/' + inn_image_name + '"><br><a href="../display-inn.php?id=' + inn_id + '">Click here</a> to view the detail<br> for this inn.';
        marker.openInfoWindowHtml(openWindowStr);
      });

      map.addOverlay(marker);
    } 


    function initialize_city_map(default_zoom_level,latitude,longitude)
    {
      if((0 != latitude) && (0 != longitude) && GBrowserIsCompatible())
      {
        // initialize map
        map = new GMap2(document.getElementById("map_canvas")); 

        map.setCenter(new GLatLng(latitude,longitude), default_zoom_level); 

        map.addControl(new GLargeMapControl());
        map.addControl(new GMapTypeControl());

        var count = 0;
        while(count < TotalInns)
        {
          CreateInnMarker(innIDAry[count],innNameAry[count],innImageNameAry[count],innLatitudeAry[count],innLongitudeAry[count]);
          count++;
        }

      }
    }