// $Id$

// Load Google Maps API
google.load("maps", "2.x");

// Global variables
var map, mapExtension, gOverlays;

// Setup custom GMap Overlays (layers and labels)
function gmap_arcgis() {
  /**
   * Use a timer to make sure everything is loaded upon execution time.
   */
  setTimeout(function() {
    // Variables
    var polygons = new Array();
    var labels   = new Array();
    var fields   = new Array();
    var id       = 'auto1map';
    var content, label;
  
    // Get data from Drupal
    if (Drupal.settings.gmap_arcgis !== undefined) {
      // Get array of polygons
      if (Drupal.settings.gmap_arcgis.polygons !== undefined) {
        polygons = Drupal.settings.gmap_arcgis.polygons;
      }
      // Get array of labels
      if (Drupal.settings.gmap_arcgis.labels !== undefined) {
        labels = Drupal.settings.gmap_arcgis.labels;
      }
      // Get Map Id
      if (Drupal.settings.gmap_arcgis.id !== undefined) {
        id = Drupal.settings.gmap_arcgis.id;
      }
    }
  
    // Get an existing GMap instance using Drupal GMap Module API
    // and add an ArcGIS extension to it
    map          = Drupal.gmap.getMap(id).map;
    mapExtension = new esri.arcgis.gmaps.MapExtension(map);
  
    for (var i = 0; i < labels.length; i++) {
      label = labels[i];
      // Set default fallback values for labels
      fields  = ["id", "name"];
      content = 'Placeholder';
      icon    = new GIcon(G_DEFAULT_ICON);
  
      if (label[1] !== undefined) {
        // Set custom fields
        fields = [ label[1][0], label[1][1] ];
      }
  
      if (label[2] !== undefined) {
        // Set custom content
        content = label[2];
      }
  
      if (label[3] !== undefined) {
        // Set label icons
        var info              = label[3];
        icon.shadow           = info[0];
        icon.image            = info[1];
        icon.infoSize         = new  GSize(info[2][0], info[2][1]);
        icon.shadowSize       = new  GSize(info[3][0], info[3][1]);
        icon.infoAnchor       = new GPoint(info[4][0], info[4][1]);
        icon.infoWindowAnchor = new GPoint(info[5][0], info[5][1]);
      }
      GEvent.addListener(map, "moveend", function() { showLabels(label[0], fields, content, icon); });
      showLabels(label[0], fields, content, icon);
    }
  
    for (var j = 0; j < polygons.length; j++) {
      showPolygons(polygons[j]);
    }
  }, 500);
}

// Add labels from a given ArcGIS MapServer Layer
function showLabels(label, fields, content, icon) {
  var bounds    = map.getBounds();
  var queryTask = new esri.arcgis.gmaps.QueryTask(label);
  var query     = new esri.arcgis.gmaps.Query();

  // clear gOverlays overlays and event listeners
  //mapExtension.removeFromMap(gOverlays);

  // set query parameters
  query.queryGeometry  = bounds;
  query.returnGeometry = true;
  query.outFields      = fields;

  // set the callback
  var callback = showLabelsCallback(fields, content, icon);

  // execute query task
  queryTask.execute(query, false, callback);
}

// Callback for showLabels
function showLabelsCallback(fields, content, icon) {
  return function(fset) {
    // Label title
    var title = '{' + fields[1] + '}';

    // JS literal class esri.arcgis.gmaps.MarkerOptions
    var myMarkerOptions = { title:title, icon:icon };

    // JS literal class esri.arcgis.gmaps.OverlayOptions
    var overlayOptions = { markerOptions:myMarkerOptions };

    // JS literal class esri.arcgis.gmaps.InfoWindowOptions without tabs
    var infoWindowOptions = { content: content };

    gOverlays = mapExtension.addToMap(fset, overlayOptions, infoWindowOptions);
  }
}

// Add polygons from a given ArcGIS MapServer Layer
function showPolygons(uri) {
  polygons = new esri.arcgis.gmaps.DynamicMapServiceLayer(uri, null, 0.45, showPolygonsCallback);
}

// Callback for showPolygons
function showPolygonsCallback(mapservicelayer, error) {
  map.addOverlay(mapservicelayer);
}

// Add custom marker
function createMarker(point, name, html, icone) {
  var icon              = new GIcon();
  icon.image            = icone;
  icon.shadow           = "http://maps.google.com/mapfiles/ms/micons/msmarker.shadow.png";
  icon.iconSize         = new GSize(12, 20);
  icon.shadowSize       = new GSize(22, 20);
  icon.iconAnchor       = new GPoint(6, 20);
  icon.infoWindowAnchor = new GPoint(5, 1);

  var marker = new GMarker(point);
  GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(html); });
  return marker;
}

// Add map overlays
$(document).ready(function() {
  google.setOnLoadCallback(gmap_arcgis);
});