window.addEvent("domready", function() {
	var selectbks = $$(".selectbk").concat($$("span.order"));

	for (var i = 0; i < selectbks.length; i++) {
		var selectbk = selectbks[i];
		var select   = selectbk.getElements("select")[0];
		var index    = select.selectedIndex;
		if (index < 0) {
			continue;
		}
		var options  = select.getElements("option");
		var span     = selectbk.getElements("span")[0];
		var colordiv = selectbk.getElements("div")[0];
		span.set("html", options[index].get("html"));
		if (colordiv && options[index].get("class")) {
			colordiv.set("style", "background: #" + options[index].get("class").split('_')[1]);
		}

		select.addEvent("change", function(span, colordiv){
			return function() {
				var options = this.getElements("option");

				span.set("html", options[this.selectedIndex].get("html"));

				if (colordiv) {
					if (options[this.selectedIndex].get("class")) {
						colordiv.set("style", "background: #" + options[this.selectedIndex].get("class").split('_')[1] + ";");
					} else {
						colordiv.set("style", "background: transparent");
					}
				}

				if (this.other) {
					var otherOptions = this.other.getElements("option")[0];
					for (var i = 0; i < otherOptions.length; i++) {
						otherOptions[i].set("disabled", 0);
						if (this.selectedIndex == i) {
							
							otherOptions[i].set("disabled", 1);
						}
					}
				}
			};
		}(span, colordiv));
	}

});