// $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.
   * See http://drupal.org/node/223613#comment-736303
   */
  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 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);
    }
  
    gmapArcgisShowPolygons(Drupal.settings.gmap_arcgis.polygons);
    
  }, 5);
  //setTimeout(unblockUI, 10000);
}

// 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);
  }
}

// Show all defined polygons
function gmapArcgisShowPolygons(polygons) {
  for (j = 0; j < polygons.length; j++) {
    showPolygon(polygons[j]);
  }
}

// Hide all defined polygons
function gmapArcgisHidePolygons(polygons) {
  for (j = 0; j < polygons.length; j++) {
    polygons[j].overlay.setOpacity(0);
    unblockUI();
  }
}

// Add polygons from a given ArcGIS MapServer Layer
function showPolygon(polygon) {
  var defaultOpacity = 0.55;

  if (typeof polygon.overlay != 'undefined') {
    polygon.overlay.setOpacity(defaultOpacity);
    unblockUI();
    return;
  }

  uri    = polygon['base'] + polygon['service'];
  layers = polygon['layers'];

  polygon.overlay = new esri.arcgis.gmaps.DynamicMapServiceLayer(uri, null, defaultOpacity);

  if (layers != undefined || layers == []) {
    polygon.overlay.setVisibleLayers(layers);
  }

  GEvent.addListener(polygon.overlay, "load", showPolygonCallback);
  GEvent.addListener(polygon.overlay, "update", function() { unblockUI(); });
}

// Callback for showPolygon
function showPolygonCallback(mapservicelayer, error) {
  map.addOverlay(mapservicelayer);
  setTimeout(unblockUI, 6000);
}

// 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(20, 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;
}

function unblockUI() {
  $.unblockUI();
}

// Add map overlays
$(document).ready(function() {
  google.setOnLoadCallback(gmap_arcgis);
  $('#edit-lista-uc').change(function() {
      oelem = $("option:selected", this).val();
      marcador = Drupal.gmap.getMap('auto1map').vars.markers[oelem];
      GEvent.trigger(marcador.marker,"click");
      $('#header').hide();
      $('#nav').hide();
  });
});