OpenLayers.Control.LayerSwitcher = Class.create();
OpenLayers.Control.LayerSwitcher.prototype = 
  Object.extend( new OpenLayers.Control(), {
    initialize: function() {
        OpenLayers.Control.prototype.initialize.apply(this, arguments);
    },
    
    draw: function() {
        // initialize our internal div
        OpenLayers.Control.prototype.draw.apply(this);
        this.map.events.register("addlayer", this, this.redraw);
        return this.redraw();    
    },
    redraw: function() {
        var pixel = new OpenLayers.Pixel(this.map.div.clientWidth-200,4);
        this.div.innerHTML = "";
        for(i=0; i<this.map.layers.length; i++) {
            var div = $('LayerControl_layer'+i);
            if (!div) {
                div = OpenLayers.Util.createDiv("LayerControl_layer"+i,pixel,new OpenLayers.Size(200,20));
                
                div.innerHTML = this.map.layers[i].name;
                var status = this.map.layers[i].getVisibility();
                if (!status) {
                    div.style.backgroundColor="black";
                    div.style.color="white";
                } else {
                    div.style.backgroundColor="white";
                    div.style.color="black";
                }
                div.style.padding="5px";
                div.layerid = i;
                div.map = this.map;
                div.ondblclick = this.doubleClick.bindAsEventListener(div);
                div.onmousedown = this.singleClick.bindAsEventListener(div);
            }
            this.div.appendChild(div);
            pixel = pixel.add(0, 35);
        }
        return this.div;
    },
    singleClick: function(evt) {
        var status = this.map.layers[this.layerid].getVisibility();
        this.map.layers[this.layerid].setVisibility(!status);
        if (status) {
            this.style.backgroundColor="black";
            this.style.color="white";
        } else {
            this.style.backgroundColor="white";
            this.style.color="black";
        }
        Event.stop(evt);
    },
    doubleClick: function(evt) {
        Event.stop(evt);
    }
});