var Selecter = {
	main: function() {
		var items = document.getElementsByTagName("select"), spanitem = Array(), textnode, option;
		
		for(a=items.length-1; a >= 0; --a) {
			if(items[a].className == "selecter") {
				spanitem[a] = document.createElement("span");
				spanitem[a].className = "select";
			}
			else if(items[a].className == "selectersmall"){
				spanitem[a] = document.createElement("span");
				spanitem[a].className = "selectsmall";
			}
            else
                continue;
				
			spanitem[a].id = "select" + items[a].name;
			option = items[a].getElementsByTagName("option");
			
			for(b=option.length-1; b >= 0; --b) {
				if((option[b].selected == true) && (option[b].hasChildNodes())) {
					spanitem[a].appendChild(document.createTextNode(option[b].childNodes[0].nodeValue));
                    break;
				}
			}
			
			items[a].parentNode.insertBefore(spanitem[a], items[a]);
			items[a].onchange = Selecter.selection;
            items[a].onchangeSave = items[a].onchange;
		}
	},
	selection: function() {
        var spanitem = document.getElementById("select" + this.name);
 
 		if(!this.options[this.selectedIndex].hasChildNodes()) {
            spanitem.removeChild(spanitem.firstChild);
        }
        else {
            if(spanitem.hasChildNodes())
                spanitem.childNodes[0].nodeValue = this.options[this.selectedIndex].childNodes[0].nodeValue;
            else
                spanitem.appendChild(document.createTextNode(this.options[this.selectedIndex].childNodes[0].nodeValue));
        }
		
        if(this.onchangeSave) this.onchangeSave();
    }
}

//Aufrufen und initialisieren der Klasse
//window.onload = Selecter.main;