var iconimagesource = 'http://www.google.com/intl/en_ALL/mapfiles/marker' ;

var smallimagesource = 'http://labs.google.com/ridefinder/images/';
var iconBlue = new GIcon();
    iconBlue.image = smallimagesource + 'mm_20_blue.png';
    iconBlue.shadow = smallimagesource + 'mm_20_shadow.png';
    iconBlue.iconSize = new GSize(12, 20);
    iconBlue.shadowSize = new GSize(22, 20);
    iconBlue.iconAnchor = new GPoint(6, 20);
    iconBlue.infoWindowAnchor = new GPoint(5, 1);
    iconBlue.importance = 1 ;
var iconGreen = new GIcon();
    iconGreen.image = smallimagesource + 'mm_20_green.png';
    iconGreen.shadow = iconBlue.shadow;
    iconGreen.iconSize = iconBlue.iconSize;
    iconGreen.shadowSize = iconBlue.shadowSize;
    iconGreen.iconAnchor = iconBlue.iconAnchor;
    iconGreen.infoWindowAnchor = iconBlue.infoWindowAnchor;
    iconGreen.importance = 3 ;
var iconRed = new GIcon();
    iconRed.image = smallimagesource + 'mm_20_red.png';
    iconRed.shadow = iconBlue.shadow;
    iconRed.iconSize = iconBlue.iconSize;
    iconRed.shadowSize = iconBlue.shadowSize;
    iconRed.iconAnchor = iconBlue.iconAnchor;
    iconRed.infoWindowAnchor = iconBlue.infoWindowAnchor;
    iconRed.importance = 3 ;
var iconPurple = new GIcon();
    iconPurple.image = smallimagesource + 'mm_20_purple.png';
    iconPurple.shadow = iconBlue.shadow;
    iconPurple.iconSize = iconBlue.iconSize;
    iconPurple.shadowSize = iconBlue.shadowSize;
    iconPurple.iconAnchor = iconBlue.iconAnchor;
    iconPurple.infoWindowAnchor = iconBlue.infoWindowAnchor;
    iconPurple.importance = 1 ;

var myLayer2 = new GLayer("org.wikipedia.en");
var myLayer3 = new GLayer("com.panoramio.all");
// var bottomRight = new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(7,18));

// custom control
function TextualZoomControl() {
}
TextualZoomControl.prototype = new GControl();

TextualZoomControl.prototype.initialize = function(map) {
  var container = document.createElement("div");

  var wikiDiv = document.createElement("span");
  this.setButtonStyle_(wikiDiv);
  container.appendChild(wikiDiv);
  wikiDiv.appendChild(document.createTextNode("Wiki"));
  GEvent.addDomListener(wikiDiv, "click", function() {
    map.addOverlay(myLayer2);
  });

  var pikiDiv = document.createElement("span");
  this.setButtonStyle_(pikiDiv);
  container.appendChild(pikiDiv);
  pikiDiv.appendChild(document.createTextNode("Pix"));
  GEvent.addDomListener(pikiDiv, "click", function() {
    map.addOverlay(myLayer3);
  });

  var nowikiDiv = document.createElement("span");
  this.setButtonStyle_(nowikiDiv);
  container.appendChild(nowikiDiv);
  nowikiDiv.appendChild(document.createTextNode("off"));
  GEvent.addDomListener(nowikiDiv, "click", function() {
    map.removeOverlay(myLayer2);
    map.removeOverlay(myLayer3);
  });

  map.getContainer().appendChild(container);
  return container;
}
// Sets the proper CSS for the given button element.
TextualZoomControl.prototype.setButtonStyle_ = function(button) {
  button.style.color = "black";
  button.style.backgroundColor = "white";
  button.style.font = "small Arial";
  button.style.border = "1px solid black";
  button.style.padding = "2px";
  button.style.marginBottom = "2px";
  button.style.textAlign = "center";
  button.style.width = "90px";
  button.style.height = "12px";
  button.style.cursor = "pointer";
}