var Input = { 
  initialize: function() { 
    if(document.getElementsByTagName("form")) { 
      var divs = document.getElementsByTagName("div"); 
      for(var i = 0; i < divs.length; i++) { 
        if(divs[i].className.match("checkbox") || divs[i].className.match("radio") || divs[i].className.match("radior") || divs[i].className.match("radiog")) { 
        
        if(divs[i].className.match("checkbox")){
          myselector = divs[i].getElementsByTagName("input"); 
          for(var j= 0; j < myselector.length; j++){
            if (myselector[j].checked == true){
              divs[i].className = "checkbox selected";            
            }          
          }        
        }else if(divs[i].className.match("radio")){
          myselector = divs[i].getElementsByTagName("input"); 
          for(var j= 0; j < myselector.length; j++){
            if (myselector[j].checked == true){
              divs[i].className = "radio selected";            
            }          
          }        
         }else if(divs[i].className.match("radior")){
          myselector = divs[i].getElementsByTagName("input"); 
          for(var j= 0; j < myselector.length; j++){
            if (myselector[j].checked == true){
              divs[i].className = "radior selected";            
            }          
          }        
         }else if(divs[i].className.match("radiog")){
          myselector = divs[i].getElementsByTagName("input"); 
          for(var j= 0; j < myselector.length; j++){
            if (myselector[j].checked == true){
              divs[i].className = "radiog selected";            
            }          
          }        
         }
         
          divs[i].onmousedown = Input.effect; 
          divs[i].onmouseup = Input.handle; 
          window.onmouseup = Input.clear; 
        } 
      } 
    } 
  }, 

  effect: function() { 
    if(this.className == "checkbox" || this.className == "radio") { 
      this.style.backgroundPosition = "0 -79px"; 
    } else { 
      this.style.backgroundPosition = "0 -18px"; 
    } 
  }, 

  handle: function() { 
    selector = this.getElementsByTagName("input")[0]; 
    if(selector.disabled != true){
    if(this.className == "checkbox") { 
      selector.checked = true; 
      this.className = "checkbox selected"; 
      this.style.backgroundPosition = "0 -18px"; 
    } else if(this.className == "checkbox selected") { 
      selector.checked = false; 
      this.className = "checkbox"; 
      this.style.backgroundPosition = "0 0"; 
    }else if(this.className == "radiog"){
      selector.checked = true; 
      this.className = "radiog selected"; 
      this.style.backgroundPosition = "0 -18px"; 
      inputs = document.getElementsByTagName("input"); 
      for(i = 0; i < inputs.length; i++) { 
        if(inputs[i].getAttribute("name") == selector.getAttribute("name")) { 
          if(inputs[i] != selector) { 
            inputs[i].parentNode.className = "radiog"; 
            inputs[i].parentNode.style.backgroundPosition = "0 0"; 
          } 
        } 
      } 
    }else if(this.className == "radiog selected"){
      selector.checked = true; 
      this.className = "radiog selected"; 
      this.style.backgroundPosition = "0 -18px"; 
      inputs = document.getElementsByTagName("input"); 
      for(i = 0; i < inputs.length; i++) { 
        if(inputs[i].getAttribute("name") == selector.getAttribute("name")) { 
          if(inputs[i] != selector) { 
            inputs[i].parentNode.className = "radiog"; 
            inputs[i].parentNode.style.backgroundPosition = "0 0"; 
          } 
        } 
      } 
    }else if(this.className == "radior"){
      selector.checked = true; 
      this.className = "radior checked"; 
      this.style.backgroundPosition = "0 -18px"; 
      inputs = document.getElementsByTagName("input"); 
      for(i = 0; i < inputs.length; i++) { 
        if(inputs[i].getAttribute("name") == selector.getAttribute("name")) { 
          if(inputs[i] != selector) { 
            inputs[i].parentNode.className = "radior"; 
            inputs[i].parentNode.style.backgroundPosition = "0 0"; 
          } 
        } 
      } 
    }else if(this.className == "radior checked"){
      selector.checked = true; 
      this.className = "radior checked"; 
      this.style.backgroundPosition = "0 -18px"; 
      inputs = document.getElementsByTagName("input"); 
      for(i = 0; i < inputs.length; i++) { 
        if(inputs[i].getAttribute("name") == selector.getAttribute("name")) { 
          if(inputs[i] != selector) { 
            inputs[i].parentNode.className = "radior"; 
            inputs[i].parentNode.style.backgroundPosition = "0 0"; 
          } 
        } 
      } 
    }else { 
      selector.checked = true; 
      this.className = "radio selected"; 
      this.style.backgroundPosition = "0 -18px"; 
      inputs = document.getElementsByTagName("input"); 
      for(i = 0; i < inputs.length; i++) { 
        if(inputs[i].getAttribute("name") == selector.getAttribute("name")) { 
          if(inputs[i] != selector) { 
            inputs[i].parentNode.className = "radio"; 
            inputs[i].parentNode.style.backgroundPosition = "0 0"; 
          } 
        } 
      } 
    }
   }  
  }, 

  clear: function() { 
    divs = document.getElementsByTagName("div"); 
    for(var i = 0; i < divs.length; i++) { 
      if(divs[i].className == "checkbox" || divs[i].className == "radio" || divs[i].className == "radior" || divs[i].className == "radiog") { 
        divs[i].style.backgroundPosition = "0 0"; 
      } else if(divs[i].className == "radior checked" || divs[i].className == "radiog selected") { 
        divs[i].style.backgroundPosition = "0 -18px"; 
      } 
    } 
  } 
} 
window.onload = Input.initialize;