udpate id's of control divs. This is for #226

git-svn-id: http://svn.openlayers.org/trunk/openlayers@1398 dc9f47b5-9b13-0410-9fdd-eb0c1a62fdaf

lib/OpenLayers/Control.js

@@ -8,6 +8,9 @@
 OpenLayers.Control = Class.create();
 OpenLayers.Control.prototype = {
 
+    /** @type String */
+    id: null,
+    
     /** this gets set in the addControl() function in OpenLayers.Map
     * @type OpenLayers.Map */
     map: null,
@@ -57,6 +60,10 @@ OpenLayers.Control.prototype = {
     draw: function (px) {
         if (this.div == null) {
             this.div = OpenLayers.Util.createDiv();
+            this.div.id = "Control";
+            if (this.id != null) {
+                this.div.id += "_" + this.id;
+            }
         }
         if (px != null) {
             this.position = px.clone();

lib/OpenLayers/Control/LayerSwitcher.js

@@ -11,6 +11,10 @@ OpenLayers.Control.LayerSwitcher = Class.create();
 OpenLayers.Control.LayerSwitcher.prototype = 
   Object.extend( new OpenLayers.Control(), {
 
+    /** For div.id
+     * @type String */
+    id:  "LayerSwitcher",
+
     /** @type String */
     activeColor: "darkblue",
     

lib/OpenLayers/Control/LayerTabs.js

@@ -27,6 +27,10 @@ OpenLayers.Control.LayerTabs.NONACTIVE_COLOR = "lightblue";
 OpenLayers.Control.LayerTabs.prototype = 
   Object.extend( new OpenLayers.Control(), {
 
+    /** For div.id
+     * @type String */
+    id:  "LayerTabs",
+
     /** @type String */
     activeColor: "",
     

lib/OpenLayers/Control/MouseToolbar.js

@@ -15,6 +15,10 @@ OpenLayers.Control.MouseToolbar.prototype =
   Object.extend( new OpenLayers.Control(), 
     Object.extend( new OpenLayers.Control.MouseDefaults(), {
     
+    /** For div.id
+     * @type String */
+    id:  "MouseToolbar",
+
     mode: null,
 
     buttons: null,

lib/OpenLayers/Control/PanZoom.js

@@ -13,6 +13,10 @@ OpenLayers.Control.PanZoom.Y = 4;
 OpenLayers.Control.PanZoom.prototype = 
   Object.extend( new OpenLayers.Control(), {
 
+    /** For div.id
+     * @type String */
+    id:  "PanZoom",
+
     /** @type int */
     slideFactor: 50,
 

lib/OpenLayers/Control/PanZoomBar.js

@@ -12,6 +12,11 @@ OpenLayers.Control.PanZoomBar.X = 4;
 OpenLayers.Control.PanZoomBar.Y = 4;
 OpenLayers.Control.PanZoomBar.prototype = 
   Object.extend( new OpenLayers.Control.PanZoom(), {
+
+    /** For div.id
+     * @type String */
+    id:  "PanZoomBar",
+
     /** @type Array(...) */
     buttons: null,
 

lib/OpenLayers/Control/Permalink.js

@@ -11,6 +11,10 @@ OpenLayers.Control.Permalink = Class.create();
 OpenLayers.Control.Permalink.prototype = 
   Object.extend( new OpenLayers.Control(), {
 
+    /** For div.id
+     * @type String */
+    id:  "Permalink",
+
     /** @type DOMElement */
     element: null,
     

lib/OpenLayers/Control/Scale.js

@@ -13,6 +13,10 @@ OpenLayers.Control.Scale.prototype =
     /** @type DOMElement */
     element: null,
     
+    /** For div.id
+     * @type String */
+    id:  "Scale",
+
     /**
      * @constructor
      *