document.write('<link rel="stylesheet" type="text/css" href="css-v1.css" media="screen" />');

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].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 -26px";
} else {
this.style.backgroundPosition = "0 -79px";
}
},

handle: function() {
selector = this.getElementsByTagName("input")[0];
if(this.className == "checkbox") {
selector.checked = true;
this.className = "checkbox selected";
this.style.backgroundPosition = "0 -52px";
} else if(this.className == "checkbox selected") {
selector.checked = false;
this.className = "checkbox";
this.style.backgroundPosition = "0 0";
} else {
selector.checked = true;
this.className = "radio selected";
this.style.backgroundPosition = "0 -52px";
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].style.backgroundPosition = "0 0";
} else if(divs[i].className == "checkbox selected" || divs[i].className == "radio selected") {
divs[i].style.backgroundPosition = "0 -52px";
}
}
}
}
window.onload = Input.initialize;