function ImgCheckbox(imgId, inputId, imgOn, imgOff) {
    this.imgOn   = imgOn
    this.imgOff  = imgOff
    this.image   = document.getElementById(imgId)
    this.input   = document.getElementById(inputId)

    // предзагрузка картинок
    this.preload_imgOn      = new Image()
    this.preload_imgOn.src  = imgOn
    this.preload_imgOff     = new Image()
    this.preload_imgOff.src = imgOff

    // скрываем обычный чекбокс…
    this.input.style.display = "none"
    // и показываем чекбокс-картинку
    this.image.style.display = "inline"
    
    // установка начального состояния чекбокса
	this.start_data=this.input.checked;
    this.setState(this.input.checked)
	this.input.cuatum=this;
}

// установка состояния чекбокса
ImgCheckbox.prototype.setState = function(state) {
    // меняем состояние скрытого чекбокса
    this.input.checked     = state
    // меняем картинку
    this.image.src   = state ? this.imgOn : this.imgOff
}

// изменение состояния чекбокса на обратное (вкл -> выкл и наоборот)
ImgCheckbox.prototype.flip = function() {
    this.setState(!this.input.checked)
}