﻿function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }
  }
}

function ToggleCheckBox(){
  var imageCheckBox = document.getElementById(this.inputId);
  var value = Number(imageCheckBox.value);
  value = Math.pow(value * 0, value);
  if(value){
    this.src = this.checkedimage.src;
  }
  else{
    this.src = this.uncheckedimage.src;
  }
  imageCheckBox.value = value;
}

function InitializeManager(){
  elements = document.getElementsByTagName("IMG");
  for(var i in elements){
    if(elements[i].id != undefined && elements[i].attributes.getNamedItem("checkedsrc") != null){
      elements[i].onclick = ToggleCheckBox;
      var elementId = elements[i].id;
      var parentNode = elements[i].parentNode;
      var hiddenInput = document.createElement('input');
      elements[i].uncheckedimage = new Image();
      elements[i].checkedimage = new Image();
      elements[i].uncheckedimage.src = elements[i].src;
      elements[i].checkedimage.src = elements[i].attributes.getNamedItem("checkedsrc").value;
      elements[i].inputId = elementId;
      hiddenInput.type = 'hidden';
      hiddenInput.value = 0;
      elements[i].id = elementId+'_img';
      hiddenInput.id = elementId;
      hiddenInput.name = elementId;
      parentNode.appendChild(hiddenInput);
    }
  }
}
addLoadEvent(InitializeManager);