update id system -- now control and layer divs take their classname and add a random number

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

lib/OpenLayers/Control.js

@@ -31,6 +31,8 @@ OpenLayers.Control.prototype = {
      */
     initialize: function (options) {
         Object.extend(this, options);
+        
+        this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + "_");
     },
 
     /**
@@ -60,10 +62,7 @@ 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;
-            }
+            this.div.id = this.id;
         }
         if (px != null) {
             this.position = px.clone();

lib/OpenLayers/Control/LayerSwitcher.js

@@ -11,10 +11,6 @@ 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,10 +27,6 @@ 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,10 +15,6 @@ 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,10 +13,6 @@ 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

@@ -13,10 +13,6 @@ 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,10 +11,6 @@ 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,10 +13,6 @@ OpenLayers.Control.Scale.prototype =
     /** @type DOMElement */
     element: null,
     
-    /** For div.id
-     * @type String */
-    id:  "Scale",
-
     /**
      * @constructor
      * 

lib/OpenLayers/Layer.js

@@ -92,13 +92,13 @@ OpenLayers.Layer.prototype = {
 
             this.name = name;
             
-            //generate unique id based on name
-            this.id = OpenLayers.Util.createUniqueID("Layer_");
-            
+            this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + "_");
+                    
             if (this.div == null) {
                 this.div = OpenLayers.Util.createDiv();
                 this.div.style.width = "100%";
                 this.div.style.height = "100%";
+                this.div.id = this.id;
             }
         }
     },