var Select = {
	init: function() {
		var selects = document.getElementsByTagName("select"), span = Array(), textnode, option;
		for(a = selects.length - 1; a >= 0; a--) {
			if(selects[a].className == "klack") {
				span[a] = document.createElement("span");
				span[a].className = "select";
			}
			else if(selects[a].className == "klackXS") {
				span[a] = document.createElement("span");
				span[a].className = "selectXS";
            }
			else if(selects[a].className == "klackS") {
				span[a] = document.createElement("span");
				span[a].className = "selectS";
		    }
			else if(selects[a].className == "klackL") {
				span[a] = document.createElement("span");
				span[a].className = "selectL";
            }
			else if(selects[a].className == "klackXXL") {
				span[a] = document.createElement("span");
				span[a].className = "selectXXL";
		    }
            else
                continue;
			span[a].id = "select" + selects[a].name;
			option = selects[a].getElementsByTagName("option");
			for(b = option.length - 1; b >= 0; b--) {
				if((option[b].selected == true) && (option[b].hasChildNodes())) {
					span[a].appendChild(document.createTextNode(option[b].childNodes[0].nodeValue));
                    break;
				}
			}
			selects[a].parentNode.insertBefore(span[a], selects[a]);
            selects[a].onChangeBak = selects[a].onchange;
			selects[a].onchange = Select.choose;
		}
	},
	choose: function() {
        var span = document.getElementById("select" + this.name);

        if(!this.options[this.selectedIndex].hasChildNodes()) {
            span.removeChild(span.firstChild);
        }
        else {
            if(span.hasChildNodes())
                span.childNodes[0].nodeValue = this.options[this.selectedIndex].childNodes[0].nodeValue;
            else
                span.appendChild(document.createTextNode(this.options[this.selectedIndex].childNodes[0].nodeValue));
        }

        if(this.onChangeBak) this.onChangeBak();
    }
}

window.onload = Select.init;