function GraphicsType() {}

        GraphicsType.None = 0;
        GraphicsType.VML = 1;
        GraphicsType.SVG = 2;
        
        function Units() {}

        Units.Degrees = 0;
        Units.Feet = 1;
        Units.Meters = 2;

        function MapClickMode() {}
        
        MapClickMode.Event = 0;
        MapClickMode.Pan = 1;
        MapClickMode.ZoomIn = 2;
        MapClickMode.ZoomOut = 3;
        MapClickMode.MoveMarker = 4;
        MapClickMode.DynamicPan = 5;
        MapClickMode.Box = 6;
        MapClickMode.ClientClick = 7;
        MapClickMode.ClientBox = 8;
        MapClickMode.Polyline = 9;
        MapClickMode.Polygon = 10;
        MapClickMode.ClientPolyline = 11;
        MapClickMode.ClientPolygon = 12;
        MapClickMode.MeasureLength = 13;
        MapClickMode.MeasureArea = 14;
        
        function DynamicMapControl(id, postBack) {
          this.id = id;
          this.image = document.getElementById(id + "_image");
          this.stretchyBox = document.getElementById(id + "_box");
          this.stretchyBoxColor = "gray";
          this.content = document.getElementById(id + "_content");
          
          this.postBack = postBack;
          this.clickScript = "";
          this.doubleClickScript = "";
          this.boxScript = "";
          this.polylineScript = "";
          this.polygonScript = "";
          this.downScript = "";
          this.moveScript = "";
          this.upScript = "";
          this.outScript = "";
          
          var frame = document.getElementById(id + "_frame");
          this.left = parseInt(frame.style.left);
          this.top = parseInt(frame.style.top);
          this.width = parseInt(this.image.style.width);
          this.height = parseInt(this.image.style.height);
          
          this.hotspots = new Array();
          
          this.anchor = null;
          this.isMouseDown = false;
          
          this.mapPoint = null;
          this.imagePoint = null;
          this.event = null;
          
          this.graphicsType = GraphicsType.None;
          
          if (document.all) {
            this.graphicsType = GraphicsType.VML;
          }
          
          this.strokeWidth = 2;
          this.strokeColor = "gray";
          this.fillColor = "white";
          this.fillOpacity = 1;
          
          this.units = Units.Feet;
          this.coordinates
          this.graphic = null;
          this.text = null;
          this.imageShape = null;
          this.mapShape = null;
        }
        
        DynamicMapControl.prototype.addHotSpot = function(h) {
          this.hotspots.push(h);
        };
        
        DynamicMapControl.prototype.clearGraphics = function() {
          this.resetGraphics();
          
          while (this.content.childNodes.length > 0) {
            this.content.removeChild(this.content.lastChild);
          }
        };
        
        DynamicMapControl.prototype.createGraphics = function() {
          switch (this.graphicsType) {
            case GraphicsType.VML:
              this.graphic = document.createElement("v:shape");
              this.graphic.style.position = "absolute";
              this.graphic.style.left = "0px";
              this.graphic.style.top = "0px";
              this.graphic.style.width = "1000";
              this.graphic.style.height = "1000";
              this.graphic.coordorigin = "0 0";
              this.graphic.coordsize = "1000 1000";
              this.graphic.strokecolor = this.strokeColor;
              this.graphic.strokeweight = this.strokeWidth + "px";

              var fill = document.createElement("v:fill");
              fill.color = this.fillColor;
              fill.opacity = this.getClickMode() == MapClickMode.Polygon || this.getClickMode() == MapClickMode.ClientPolygon || this.getClickMode() == MapClickMode.MeasureArea ? this.fillOpacity : 0;
              this.graphic.appendChild(fill);
              
              this.text = document.createElement("div");
              this.text.style.position = "absolute";
              this.text.style.textAlign = "center";
              this.text.style.fontFamily = "Verdana";
              this.text.style.fontSize = "11px";
              this.text.style.color = "black";
              this.text.style.width = "100px";
              this.text.style.height = "43px";
              this.text.style.visibility = "hidden";
              break; 
          }
          
          if (this.graphic != null) {
            this.content.appendChild(this.graphic);
            this.content.appendChild(this.text);
          }
        }
        
        DynamicMapControl.prototype.doubleClick = function(e) {
          switch (this.getClickMode()) {
            case MapClickMode.ClientClick:
              var p = this.toPoint(e);
              this.mapPoint = this.toMapPoint(p);
              this.imagePoint = p;
              this.event = e;
              
              eval(this.doubleClickScript);
              break;
          
            case MapClickMode.Polyline:
            case MapClickMode.Polygon:
            case MapClickMode.ClientPolyline:
            case MapClickMode.ClientPolygon:
              if (!this.mapShape.isValid()) {
                this.clearGraphics();
              }
              else {
                if (this.getClickMode() == MapClickMode.Polygon || this.getClickMode() == MapClickMode.ClientPolygon) {
                  var i = this.mapShape.points.length - 1;
                  this.mapShape.points[i] = new Point(this.mapShape.points[0].x, this.mapShape.points[0].y);
                }
                else {
                  this.mapShape.points.pop();
                }
                
                var prefix = this.getHiddenPrefix();
              
                switch (this.getClickMode()) {
                  case MapClickMode.Polyline:
                    document.getElementById(prefix + "Polyline").value = this.mapShape.toString();
                    eval(this.postBack);
                    break;
                    
                  case MapClickMode.Polygon:
                    document.getElementById(prefix + "Polygon").value = this.mapShape.toString();
                    eval(this.postBack);
                    break;
                    
                  case MapClickMode.ClientPolyline:
                    eval(this.polylineScript);
                    this.clearGraphics();
                    break;
                    
                  case MapClickMode.ClientPolygon:
                    eval(this.polygonScript);
                    this.clearGraphics();
                    break;
                }
              }
              break;
              
            case MapClickMode.MeasureLength:
            case MapClickMode.MeasureArea:
              this.clearGraphics();
              break;
          }
        };
        
        DynamicMapControl.prototype.findHotSpot = function(e) {
          if (this.hotspots.length == 0) {
            return;
          }
          
          var box = document.getElementById(this.id + "_tip");
          var p = this.toPoint(e);
          
          for (var i = 0; i < this.hotspots.length; ++i) {
            var h = this.hotspots[i];
            if (h.location.distanceTo(p) <= h.radius) {
              box.style.left = (this.left + h.location.x + 10) + "px";
              box.style.top = (this.top + h.location.y) + "px";
              box.innerHTML = h.tiptext;
              box.style.zIndex = "10000";
              box.style.visibility = "visible";
              return;
            }
          }
          
          box.style.visibility = "hidden";
        };
        
        DynamicMapControl.prototype.getBox = function() {
          var prefix = this.getHiddenPrefix();
          return new Box(document.getElementById(prefix + "Box").value);
        };
        
        DynamicMapControl.prototype.getClick = function() {
          var prefix = this.getHiddenPrefix();
          return new Point(document.getElementById(prefix + "Click").value);
        };
        
        DynamicMapControl.prototype.getClickMode = function() {
          var prefix = this.getHiddenPrefix();
          return parseInt(document.getElementById(prefix + "ClickMode").value);
        };
        
        DynamicMapControl.prototype.getExtent = function() {
          var prefix = this.getHiddenPrefix();
          return new Box(document.getElementById(prefix + "Extent").value);
        };
        
        DynamicMapControl.prototype.getHiddenPrefix = function() {
          return "__" + this.id + "_";
        };
        
        DynamicMapControl.prototype.getVisibleExtent = function() {
          var box = this.getExtent();
          box.fit(this.width / this.height);
          return box;
        };

        DynamicMapControl.prototype.labelShape = function() {
          var text = null;
          var c = null;
          var metersPerFoot = 0.3048;
          var convert = 1 / (this.units == Units.Feet ? 1 : metersPerFoot);
          
          switch (this.getClickMode()) {
            case MapClickMode.MeasureLength:
              var d = this.mapShape.getLength() * convert;

              if (d < 5280) {
                text = Math.round(d) + " ft";
              }
              else {
                text = this.realFormat(d / 5280, 1) + " mi";
              }
              
              text += "\n";
              d *= metersPerFoot;
                
              if (d < 1000) {
                text += Math.round(d) + " m";
              }
              else {
                text += this.realFormat(d / 1000, 1) + " km";
              }
              break;
            
            case MapClickMode.MeasureArea:
              c = this.imageShape.getCentroid();
              
              if (c != null) {
                var a = this.mapShape.getArea() * convert * convert;
                var acres = a / 43560;
                
                if (a <= 2787840) {
                  text = Math.round(a) + " sq ft";
                }
                else {
                  text = this.realFormat(a / 27878400, 2) + " sq mi";
                }
                
                text += "\n";
                a *= metersPerFoot * metersPerFoot;
                  
                if (a <= 100000) {
                  text += Math.round(a) + " sq m";
                }
                else {
                  text += this.realFormat(a / 1000000, 2) + " sq km";
                }
                
                text += "\n";
                text += this.realFormat(acres, 2) + " acres";
              }
              break;
          }
          
          switch (this.graphicsType) {
            case GraphicsType.VML:
              if (text == null) {
                this.text.style.visibility = "hidden";
              }
              else {
                this.text.innerHTML = text.replace(/\n/g, "<br>");
                
                if (this.getClickMode() == MapClickMode.MeasureLength) {
                  if (this.imageShape.points.length == 2) {
                    this.text.style.left = (this.imageShape.points[0].x - 50) + "px";
                    this.text.style.top = (this.imageShape.points[0].y + (this.imageShape.points[1].y < this.imageShape.points[0].y ? 7 : -33)) + "px";
                    this.text.style.visibility = "visible";
                  }
                }
                else {
                  this.text.style.left = c.x - 50;
                  this.text.style.top = c.y - 22;
                  this.text.style.visibility = "visible";
                }
              }
              break;
          }        
        };
        
        DynamicMapControl.prototype.mouseDown = function(e) {
          if (e.button ? e.button != 1 : e.which != 1) {
            return;
          }
          
          var p = this.toPoint(e);
          this.mapPoint = this.toMapPoint(p);
          this.imagePoint = p;
          this.event = e;
          
          eval(this.downScript);

          if (this.isMouseDown)
            return;
            
          this.setClick(null);
          this.setBox(null);
          
          this.anchor = p;
          
          switch (this.getClickMode()) {
            case MapClickMode.Event:
            case MapClickMode.Pan:
            case MapClickMode.ZoomIn:
            case MapClickMode.ZoomOut:
            case MapClickMode.MoveMarker:
              this.setClick(this.toMapPoint(this.anchor));
              eval(this.postBack);
              break;
            
            case MapClickMode.DynamicPan:
              this.isMouseDown = true;
              break;
              
            case MapClickMode.Box:
            case MapClickMode.ClientBox:
              this.stretchyBox.style.borderColor = this.stretchyBoxColor;
              this.setStretchyBox(this.anchor, this.anchor);
              this.isMouseDown = true;
              break;
            
            case MapClickMode.ClientClick:
              this.setClick(this.toMapPoint(this.anchor));
              eval(this.clickScript);
              break;
            
            case MapClickMode.Polyline:
            case MapClickMode.Polygon:
            case MapClickMode.ClientPolyline:
            case MapClickMode.ClientPolygon:
            case MapClickMode.MeasureLength:
            case MapClickMode.MeasureArea:
              if (this.graphicsType != GraphicsType.None) {
                if (this.graphic == null) {
                  this.createGraphics();
                  if (this.getClickMode() == MapClickMode.Polyline || this.getClickMode() == MapClickMode.ClientPolyline || this.getClickMode() == MapClickMode.MeasureLength) {
                    this.imageShape = new LineString();
                    this.mapShape = new LineString();
                  }
                  else {
                    this.imageShape = new Polygon();
                    this.mapShape = new Polygon();
                  }
                }
                
                var i = this.imageShape.points.length == 0 ? 0 : this.imageShape.points.length - 1;
                this.imageShape.points[i] = this.imagePoint;
                this.mapShape.points[i] = this.mapPoint;
                ++i;
                this.imageShape.points[i] = this.imagePoint;;
                this.mapShape.points[i] = this.mapPoint;
                
                this.redrawShape();

                if (this.getClickMode() == MapClickMode.MeasureArea) {
                  this.labelShape();
                }
              }
              break;
          }
        };
        
        DynamicMapControl.prototype.mouseMove = function(e) {            
          var p = this.toPoint(e);
          this.mapPoint = this.toMapPoint(p);
          this.imagePoint = p;
          this.event = e;
          
          if (this.moveScript.length > 0) {
            eval(this.moveScript);
          }
          
          var clickMode = this.getClickMode();
          
          if (!this.isMouseDown && !(clickMode == MapClickMode.Polyline || clickMode == MapClickMode.Polygon || clickMode == MapClickMode.ClientPolyline || clickMode == MapClickMode.ClientPolygon || clickMode == MapClickMode.MeasureLength || clickMode == MapClickMode.MeasureArea)) {
            this.findHotSpot(e);
            return;
          }
          
          switch (clickMode) {
            case MapClickMode.DynamicPan:
              this.image.style.left = p.x - this.anchor.x + "px";
              this.image.style.top = p.y - this.anchor.y + "px";
              break;
              
            case MapClickMode.Box:
            case MapClickMode.ClientBox:
              this.setStretchyBox(this.anchor, p);
              this.stretchyBox.style.visibility = this.anchor.x == p.x && this.anchor.y == p.y ?
                  "hidden" : "visible";
              break;
              
            case MapClickMode.Polyline:
            case MapClickMode.Polygon:
            case MapClickMode.ClientPolyline:
            case MapClickMode.ClientPolygon:
            case MapClickMode.MeasureLength:
            case MapClickMode.MeasureArea:
              if (this.graphic != null) {
                var i = this.imageShape.points.length - 1;
                this.imageShape.points[i] = this.imagePoint;
                this.mapShape.points[i] = this.mapPoint;
                
                this.redrawShape();

                if (clickMode == MapClickMode.MeasureLength || clickMode == MapClickMode.MeasureArea) {
                  this.labelShape();
                }
              }
              break;
          }
        };
        
        DynamicMapControl.prototype.mouseUp = function(e) {
          var p = this.toPoint(e);
          this.mapPoint = this.toMapPoint(p);
          this.imagePoint = p;
          this.event = e;
          
          eval(this.upScript);
          
          if (!this.isMouseDown)
            return;
          
          this.isMouseDown = false;
          
          switch (this.getClickMode()) {
            case MapClickMode.DynamicPan:
              x = parseInt(this.width / 2) + (this.anchor.x - p.x);
              y = parseInt(this.height / 2) + (this.anchor.y - p.y);
              this.setClick(this.toMapPoint(new Point(x, y)));
              eval(this.postBack);
              break;
              
            case MapClickMode.Box:
            case MapClickMode.ClientBox:
              var p1 = this.toMapPoint(this.anchor);
              var p2 = this.toMapPoint(p);
              this.setBox(new Box(p1.x, p1.y, p2.x, p2.y));
                
              this.stretchyBox.style.visibility = "hidden";
              
              if (this.getClickMode() == MapClickMode.Box)
                eval(this.postBack);
              else
                eval(this.boxScript);
              break;
          }
        };
        
        DynamicMapControl.prototype.mouseOut = function(e) {
          this.event = e;
          eval(this.outScript);
        };

        DynamicMapControl.prototype.realFormat = function(n, d) {
          var x = n > 0 ? Math.floor(n) : Math.ceil(n);
          var r = Math.floor(Math.abs(n - x) * Math.pow(10, d));
          return x + "." + (r + "000000").substr(0, d);
        };

        DynamicMapControl.prototype.redrawShape = function() {
          switch (this.graphicsType) {
            case GraphicsType.VML:
              var path = "m " + this.imageShape.points[0].x + "," + this.imageShape.points[0].y + " l ";

              for (i = 1; i < this.imageShape.points.length; ++i) {
                path += this.imageShape.points[i].x + "," + this.imageShape.points[i].y;
                if (i < this.imageShape.points.length - 1) {
                  path += ",";
                }
              }
              
              if (this.getClickMode() == MapClickMode.Polygon || this.getClickMode() == MapClickMode.ClientPolygon || this.getClickMode() == MapClickMode.MeasureArea) {
                path += " x";
              }
              
              this.graphic.path = path + " e";
              break;
          }
        };
        
        DynamicMapControl.prototype.resetGraphics = function() {
          this.text = null;
          this.graphic = null;
          this.imageShape = null;
          this.mapShape = null;
        };
        
        DynamicMapControl.prototype.setBox = function(box) {
          var prefix = this.getHiddenPrefix();
          document.getElementById(prefix + "Box").value = box != null ? box.toString() : "";
        };
        
        DynamicMapControl.prototype.setClick = function(p) {
          var prefix = this.getHiddenPrefix();
          document.getElementById(prefix + "Click").value = p != null ? p.x + "," + p.y : "";
        };
        
        DynamicMapControl.prototype.setClickMode = function(clickMode) {
          var prefix = this.getHiddenPrefix();
          document.getElementById(prefix + "ClickMode").value = clickMode;
        };
        
        DynamicMapControl.prototype.setStretchyBox = function(p1, p2) {
          var box = new Box(p1.x, p1.y, p2.x, p2.y);
          this.stretchyBox.style.left = box.minx + "px";
          this.stretchyBox.style.top = box.miny + "px";
          this.stretchyBox.style.width = box.getWidth() + "px";
          this.stretchyBox.style.height = box.getHeight() + "px";
        };
        
        DynamicMapControl.prototype.toPoint = function(e) {
          var x = e.layerX ? e.layerX - 2 : e.offsetX;
          var y = e.layerY ? e.layerY - 2 : e.offsetY;
          
          var target = e.target ? e.target : e.srcElement;
          if (target == this.stretchyBox) {
            x += parseInt(target.style.left) + (e.layerX ? 1 : 2);
            y += parseInt(target.style.top) + (e.layerY ? 1 : 2);
          }
          
          return new Point(x, y);
        }
        
        DynamicMapControl.prototype.toMapPoint = function(p) {
          var box = this.getVisibleExtent();
          var x = box.minx + (p.x * box.getWidth() / this.width);
          var y = box.maxy - (p.y * box.getHeight() / this.height);
          return new Point(x, y);
        };
        
        function Point(x, y) {
          if (y == null) {
            var p = x.split(",");
            x = p[0];
            y = p[1];
          }
          
          this.x = parseFloat(x);
          this.y = parseFloat(y);
        }
        
        Point.prototype.distanceTo = function(p) {
          var dx = p.x - this.x;
          var dy = p.y - this.y;
          return Math.sqrt((dx * dx) + (dy * dy));
        }

        Point.prototype.toBasicString = function(prec) {
          if (prec == null) {
            return this.x + " " + this.y;
          }
          else {
            return (parseInt(this.x / prec) * prec) + " " + (parseInt(this.y / prec) * prec);
          }
        }

        Point.prototype.toString = function(prec) {
          return "POINT(" + this.toBasicString(prec) + ")";
        }
        
        function Box(x1, y1, x2, y2) {
          if (y1 == null) {
            var c = x1.split(",");
            x1 = c[0];
            y1 = c[1];
            x2 = c[2];
            y2 = c[3];
          }
          
          x1 = parseFloat(x1);
          y1 = parseFloat(y1);
          x2 = parseFloat(x2);
          y2 = parseFloat(y2);
          
          this.minx = x1 < x2 ? x1 : x2;
          this.miny = y1 < y2 ? y1 : y2;
          this.maxx = x1 >= x2 ? x1 : x2;
          this.maxy = y1 >= y2 ? y1 : y2;
        }

        Box.prototype.clone = function() {
          return new Box(this.minx, this.miny, this.maxx, this.maxy);
        };

        Box.prototype.equals = function(other) {
          return this.minx == other.minx && this.miny == other.miny && 
              this.maxx == other.maxx && this.maxy == other.maxy;
        };

        Box.prototype.getCenter = function() {
          return new Point((this.minx + this.maxx) / 2, (this.miny + this.maxy) / 2);
        };
        
        Box.prototype.getWidth = function() {
          return this.maxx - this.minx;
        };
        
        Box.prototype.getHeight = function() {
          return this.maxy - this.miny;
        };
        
        Box.prototype.fit = function(aspectRatio) {
          var width = this.getWidth();
          var height = this.getHeight();
          
          if (width == 0 || height == 0 || aspectRatio <= 0) 
            return;

          var dx;
          var dy;

          if (width / height > aspectRatio) {
            dx = width / 2;
            dy = dx / aspectRatio;
          }
          else {
            dy = height / 2;
            dx = dy * aspectRatio;
          }

          var c = this.getCenter();

          this.minx = c.x - dx;
          this.miny = c.y - dy;
          this.maxx = c.x + dx;
          this.maxy = c.y + dy;
        };

        Box.prototype.scaleBy = function(scale) {
          var c = this.getCenter();
          
          var dx = this.getWidth() * scale / 2;
          var dy = this.getHeight() * scale / 2;
          
          this.minx = c.x - dx;
          this.miny = c.y - dy;
          this.maxx = c.x + dx;
          this.maxy = c.y + dy;
        };

        Box.prototype.setCenter = function(c) {
          var p = this.getCenter();
          var dx = c.x - p.x;
          var dy = c.y - p.y;
          
          this.minx += dx;
          this.miny += dy;
          this.maxx += dx;
          this.maxy += dy;
        };
        
        Box.prototype.toString = function() {
          return this.minx + "," + this.miny + "," + this.maxx + "," + this.maxy;
        };
        
        function LineString() {
          this.points = new Array();
        }
        
        LineString.prototype.getLength = function() {
          var d = 0;

          for (var i = 1; i < this.points.length; ++i) {
            d += this.points[i - 1].distanceTo(this.points[i]);
          }
          
          return d;
        };
        
        LineString.prototype.isValid = function() {
          return this.getLength() > 0;
        };
        
        LineString.prototype.toString = function(prec) {
          var pointList = new Array();

          for (var i = 0; i < this.points.length; ++i) {
            pointList[i] = this.points[i].toBasicString(prec);
          }
          
          return "LINESTRING(" + pointList.join(",") + ")";
        };
        
        function Polygon() {
          this.points = new Array();
        }
        
        Polygon.prototype.getArea = function() {
          var a = 0;
          
          for (var i = 1; i <= this.points.length; ++i) {
            var j = i % this.points.length;
            a += (this.points[i - 1].x - this.points[j].x) * (this.points[i - 1].y + this.points[j].y) / 2;
          }
          
          return Math.abs(a);
        };
        
        Polygon.prototype.getCentroid = function() {
          var a = 0;
          var c = new Point(0, 0);
          
          for (var i = 1; i <= this.points.length; ++i) {
            var j = i % this.points.length;
            var n = (this.points[i - 1].x * this.points[j].y) - (this.points[j].x * this.points[i - 1].y);
            a += n;
            c.x += (this.points[i - 1].x + this.points[j].x) * n;
            c.y += (this.points[i - 1].y + this.points[j].y) * n;
          }
          
          if (a == 0) {
            return null;
          }
          
          a *= 3;
          c.x /= a;
          c.y /= a;
          
          return c;
        };
        
        Polygon.prototype.isValid = function() {
          return this.getArea() > 0;
        };
        
        Polygon.prototype.toString = function(prec) {
          var pointList = new Array();

          for (var i = 0; i < this.points.length; ++i) {
            pointList[i] = this.points[i].toBasicString(prec);
          }
          
          return "POLYGON((" + pointList.join(",") + "))";
        };
        
        function HotSpot(tiptext, x, y, radius) {
          this.tiptext = tiptext;
          this.location = new Point(x, y);
          this.radius = radius;
        }
        
        function StyleOption(form, groupName, id, postBack, normalClass, overClass, 
            selectedClass, clientScript) {
          this.form = document.getElementById(form);
          this.groupName = groupName;
          this.id = id;
          this.button = document.getElementById(id + "_button");
          
          this.postBack = postBack;
          this.clientScript = clientScript;
          
          this.normalClass = normalClass;
          this.overClass = overClass;
          this.selectedClass = selectedClass;
          
          if (this.isSelected())
            StyleOption.selected[this.groupName] = this;
          else {
            if (StyleOption.selected[this.groupName] == undefined)
              StyleOption.selected[this.groupName] = null;
          }
        };
        
        StyleOption.selected = [];

        StyleOption.execute = function(clientScript, postBack) {
          if (clientScript != "")
            eval(clientScript);
          if (postBack != "")
            eval(postBack);
        };

        StyleOption.prototype.isSelected = function() {
          return this.getHiddenField().value == this.id;
        };
        
        StyleOption.prototype.getHiddenField = function() {
          var name = "__StyleOption";
          if (this.groupName != "")
            name += "_" + this.groupName;
          return this.form.elements[name];
        };
        
        StyleOption.prototype.mouseDown = function() {
          if (!this.isSelected()) {
            if (StyleOption.selected[this.groupName] != null)
              StyleOption.selected[this.groupName].unselect();
            this.select();
          }
        };
        
        StyleOption.prototype.mouseOut = function() {
          if (!this.isSelected())
            this.button.className = this.normalClass;
        };
        
        StyleOption.prototype.mouseOver = function() {
          if (!this.isSelected())
            this.button.className = this.overClass;
        };
        
        StyleOption.prototype.select = function() {
          this.getHiddenField().value = this.id;
          StyleOption.selected[this.groupName] = this;
          this.button.className = this.selectedClass;
          
          setTimeout("StyleOption.execute(\"" + this.clientScript + "\", \"" + this.postBack + "\")", 50);
        };
        
        StyleOption.prototype.unselect = function() {
          this.getHiddenField().value = "";
          StyleOption.selected[this.groupName] = null;
          this.button.className = this.normalClass;
        };
	      
        function RollOverButton(imageUrl, overImageUrl) {
          var image = new Image();
          image.src = imageUrl;
          image.src = overImageUrl;
          this.imageUrl = imageUrl;
          this.overImageUrl = overImageUrl;
        }
        
        function RollOverOption(form, groupName, id, postBack, imageUrl, overImageUrl, 
            selectedImageUrl, clientScript) {
          this.form = document.getElementById(form);
          this.groupName = groupName;
          this.id = id;
          this.button = document.getElementById(id + "_button");
          
          this.postBack = postBack;
          this.clientScript = clientScript;
          
          var image = new Image();
          image.src = imageUrl;
          image.src = overImageUrl;
          image.src = selectedImageUrl;
          
          this.imageUrl = imageUrl;
          this.overImageUrl = overImageUrl;
          this.selectedImageUrl = selectedImageUrl;
          
          if (this.isSelected())
            RollOverOption.selected[this.groupName] = this;
          else {
            if (RollOverOption.selected[this.groupName] == undefined)
              RollOverOption.selected[this.groupName] = null;
          }
        };
        
        RollOverOption.selected = [];

        RollOverOption.execute = function(clientScript, postBack) {
          if (clientScript != "")
            eval(clientScript);
          if (postBack != "")
            eval(postBack);
        };

        RollOverOption.prototype.isSelected = function() {
          return this.getHiddenField().value == this.id;
        };
        
        RollOverOption.prototype.getHiddenField = function() {
          var name = "__RollOverOption";
          if (this.groupName != "")
            name += "_" + this.groupName;
          return this.form.elements[name];
        };
        
        RollOverOption.prototype.mouseDown = function() {
          if (!this.isSelected()) {
            if (RollOverOption.selected[this.groupName] != null)
              RollOverOption.selected[this.groupName].unselect();
            this.select();
          }
        };
        
        RollOverOption.prototype.mouseOut = function() {
          if (!this.isSelected())
            this.button.src = this.imageUrl;
        };
        
        RollOverOption.prototype.mouseOver = function() {
          if (!this.isSelected())
            this.button.src = this.overImageUrl;
        };
        
        RollOverOption.prototype.select = function() {
          this.getHiddenField().value = this.id;
          RollOverOption.selected[this.groupName] = this;
          this.button.src = this.selectedImageUrl;
          
          setTimeout("RollOverOption.execute(\"" + this.clientScript + "\", \"" + this.postBack + "\")", 50);
        };
        
        RollOverOption.prototype.unselect = function() {
          this.getHiddenField().value = "";
          RollOverOption.selected[this.groupName] = null;
          this.button.src = this.imageUrl;
        };
        
        var DropDownList_list = null;
        var DropDownList_text = "";
        var DropDownList_index = -1;
        var DropDownList_handle = null;
        var DropDownList_onchange = null;
        
        function DropDownList_keyPress(list, event) {
          var keyCode = document.all ? event.keyCode : event.which;
          
          if (keyCode == 13 && list.onchange != null) {
            list.onchange();
            return true;
          }
          
          DropDownList_list = list;
          
          if (keyCode >= 32) {
            if (list.onchange != null) {
              DropDownList_onchange = list.onchange;
              list.onchange = null;
            }
            
            if (97 <= keyCode && keyCode <= 122) {
              keyCode -= 32;
            }
            DropDownList_text += String.fromCharCode(keyCode);
            
            textLen = DropDownList_text.length;

            for (var i = 0; i < list.options.length; ++i) {
              var optText = list.options[i].text.toUpperCase().substr(0, textLen);
              if (optText == DropDownList_text) {
                DropDownList_index = i;
                list.selectedIndex = 0;
                break;
              }
            }
          }

          setTimeout("DropDownList_setIndex()", 1);
          return false;
        }

        function DropDownList_reset() {
          DropDownList_text = "";
          DropDownList_index = -1;
        }

        function DropDownList_setIndex() {
          if (DropDownList_index > -1) {
            DropDownList_list.selectedIndex = DropDownList_index;
          }
          if (DropDownList_onchange != null) {
            DropDownList_list.onchange = DropDownList_onchange;
            DropDownList_onchange = null;
          }
          DropDownList_list = null;

          if (DropDownList_handle != null) {
            clearTimeout(DropDownList_handle);
            DropDownList_handle = null;
          }

          if (DropDownList_index > -1) {
            DropDownList_handle = setTimeout("DropDownList_reset()", 2000);
          }
        }