// A TextualZoomControl is a GControl that displays textual "Zoom In"
// and "Zoom Out" buttons (as opposed to the iconic buttons used in
// Google Maps).
function LoadingControl() {
}
LoadingControl.prototype = new GControl();

// Creates a one DIV for each of the buttons and places them in a container
// DIV which is returned as our control element. We add the control to
// to the map container and return the element for the map class to
// position properly.
LoadingControl.prototype.initialize = function(map) {
  var container = document.createElement("div");

  var zoomInDiv = document.createElement("div");
  this.setButtonStyle_(zoomInDiv);
  container.appendChild(zoomInDiv);
  
  loadingDiv = document.createElement("img");
  loadingDiv.src = "/images/loadingBig.gif";
  loadingDiv.id = "mapLoading";
  loadingDiv.style.display = "none";
  
  zoomInDiv.appendChild(loadingDiv);

  map.getContainer().appendChild(container);
  return container;
}

// By default, the control will appear in the top left corner of the
// map with 7 pixels of padding.
LoadingControl.prototype.getDefaultPosition = function() {
  return new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(0, 0));
}

// Sets the proper CSS for the given button element.
LoadingControl.prototype.setButtonStyle_ = function(button) {
  //button.style.textDecoration = "underline";
  //button.style.color = "#0000cc";
  //button.style.backgroundColor = "white";
  //button.style.font = "small Arial";
  //button.style.border = "1px solid black";
  button.style.padding = "2px";
  button.style.marginTop = "30px";
  button.style.textAlign = "center";
  //button.style.width = "6em";
  //button.style.cursor = "pointer";
}