function Vodila(window, active) {
		this.window = window;
		this.vodila = this.window.document.getElementById("vodila");
		if(typeof this.window._vd == "undefined") {
			 this.window._vd = this;
		}

		this.vodilaImages = {};
		this.activeControl = null;
		this._initControls(active);
	}

	Vodila.prototype._initControls = function(active) {

		for(var i = 1; i < 8; i++) {

			var controlId = "vodila_" + i;
			var currControl = new Object();
			this.vodilaImages[controlId] = currControl;

			var viOver = new Image();
			viOver.src = "images/vodila/vodila_" + i + "_1.gif";
			currControl.over = viOver;

			var viOut = new Image();
			viOut.src = "images/vodila/vodila_" + i + "_0.gif";
			currControl.out = viOut;

			var vImage = this.window.document.getElementById(controlId);
			if(vImage == null) {
			   alert("Control element " + controlId + " not found");
			   continue;
			}
			currControl.element = vImage;
      currControl.active = (i == active);

      if(currControl.active) {
        this.activeControl = currControl;
        currControl.element.src = viOver.src;
      }

      var vd = this;

      // onmouseover

			vImage.onmouseover = function() {

			 if(vd.activeControl.element == this) {
			   return true;
			 }

       var myControl = vd.vodilaImages[this.id];
			 this.src = myControl.over.src;
			 return true;
			};

			// onmouseout

			vImage.onmouseout = function() {

			 if(vd.activeControl.element == this) {
			   return true;
			 }

			 var myControl = vd.vodilaImages[this.id];
			 this.src = myControl.out.src;
			};

			// onclick

			vImage.onclick = function() {

       if(vd.activeControl.element == this){
        return true;
       }

       var oldControl = vd.activeControl;

			 var myControl = vd.vodilaImages[this.id];
			 myControl.active == true;
			 vd.activeControl = myControl;
       this.src = myControl.over.src;

       oldControl.active = false;
       oldControl.element.onmouseout();

       return true;

			};

		}
	}

	Vodila.prototype.addOnclickEvent = function(index, onclick) {
		var controlId = "vodila_" + index;
		var vImage = this.vodilaImages[controlId].element;

		if(vImage.addEventListener) {
      vImage.addEventListener("click", onclick, true);
	  } else if(vImage.attachEvent) {
      vImage.attachEvent("onclick", onclick);
    }
	}

	Vodila.prototype.show = function() {
		this.vodila.style.visibility = "visible";
		new Draggable('vodila');
	}