//javascript for custom radio button and checkbox
    
    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("VibeCheckbox") || divs[i].className.match("VibeRadio")) {
              divs[i].onmousedown = Input.effect;
             divs[i].onmouseup = Input.handle;
             window.onmouseup = Input.clear;
           }
         }
       }
     },
  
     effect: function() {
       if(this.className == "VibeCheckbox" || this.className == "VibeRadio") 
       {
        this.style.backgroundPosition = "0 -0px";
       } else 
       {
         this.style.backgroundPosition = "0 -0px";
       }
     },
  
     handle: function() {
       selector = this.getElementsByTagName("input")[0];
       if(this.className == "VibeCheckbox") 
       {
         selector.checked = true;
         this.className = "VibeCheckbox VibeCheckboxSelected";
         this.style.backgroundPosition = "0 -0px";
       } 
       else if(this.className == "VibeCheckbox VibeCheckboxSelected") 
       {
         selector.checked = false;
         this.className = "VibeCheckbox";
         this.style.backgroundPosition = "0 0";
       } 
       else 
       {
         selector.checked = true;
         this.className = "VibeRadio VibeRadioSelected";
         this.style.backgroundPosition = "0 -0px";
         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 = "VibeRadio";
               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 == "VibeCheckbox" || divs[i].className == "VibeRadio") {
           divs[i].style.backgroundPosition = "0 0";
         } else if(divs[i].className == "VibeCheckbox VibeCheckboxSelected" || divs[i].className == "VibeRadio VibeRadioSelected") {
           divs[i].style.backgroundPosition = "0 -0px";
         }
       }
     }
   }
   window.onload = Input.initialize;