var Custom = {
    radioHeight: 17,
    init: function() {
        var inputs = document.getElementById("search").getElementsByTagName("input"),
        span = [];
        for(var a = 0; a < inputs.length; a++) {
            if((inputs[a].type == "radio") && (inputs[a].className == "styled")) {
                span[a] = document.createElement("span");
                span[a].className = inputs[a].type;

                if(inputs[a].checked) {
                    var position = "0 -" + (Custom.radioHeight*2) + "px";
                    span[a].style.backgroundPosition = position;
                    span[a].className += " checked";
                }
                inputs[a].parentNode.insertBefore(span[a], inputs[a]);
                //inputs[a].onchange = Custom.clear;
                span[a].onmousedown = Custom.pushed;
                span[a].onmouseup = Custom.check;
                document.onmouseup = Custom.clear;
            }
        }
    },
    pushed: function() {
        if(this.className == "radio checked") {
            this.style.backgroundPosition = "0 -" + Custom.radioHeight*3 + "px";
        } else {
            this.style.backgroundPosition = "0 -" + Custom.radioHeight + "px";
        }
    },
    check: function() {
        if (this.className != "radio checked") {
            Custom.switchForm();
        }
        this.style.backgroundPosition = "0 -" + Custom.radioHeight*2 + "px";
        this.className = "radio checked";
        var spans = document.getElementById("search").getElementsByTagName("span");
        for(var a = 0; a < spans.length; a++) {
            if((spans[a].className == "radio checked") && (spans[a] != this)) {
                spans[a].style.backgroundPosition = "0 0";
                spans[a].className = "radio";
            }
        }
    },
    clear: function() {
        var spans = document.getElementById("search").getElementsByTagName("span");
        for(var b = 0; b < spans.length; b++) {
            if (spans[b].className == "radio checked") {
                spans[b].style.backgroundPosition = "0 -" + Custom.radioHeight*2 + "px";
                spans[b].className = "radio checked";
            } else if (spans[b].className == "radio") {
                spans[b].style.backgroundPosition = "0 0";
                spans[b].className = "radio";
            }
        }
    },
    switchForm: function() {
        var form = document.getElementById("search").getElementsByTagName("form")[0];
        var oldLink = form.getAttribute("action");
        var urlswap = document.getElementById("urlswap"); 
        var link = urlswap.getAttribute("value");
        form.setAttribute("action", link);
        urlswap.setAttribute("value", oldLink);
    }
};

window.onload = Custom.init;