function getScaleSelector() {
	var div = getScaleWrapper();
	var img = document.createElement("img");
	img.setAttribute("id","odinscaleq-selector");
	img.setAttribute("src","TemplateRelatedFiles/Default/Global/images/ScaleSelector.png");
	div.appendChild(img);
	return div;
}
function getScaleWrapper() {
	var div = document.createElement("div");
	div.className = "scaleWrapperDiv";
	return div;
}
function OdinOnScaleClick(event, sender) {
	//var scale = findScaleForCell(sender);
	if (scale.selectedItem && scale.selectedItem != sender) {
		var oldsel = scale.selectedItem;
		scale.selectedItem = null;
		OdinOnScaleMouseOut(event, oldsel);
	}
	scale.selectedItem = sender;
	OdinOnScaleMouseOut(event, sender);
	for (var i = 0; i < scale.scaleCells.length; ++i) {
		var cls = scale.scaleCells[i].className;
		if (scale.scaleCells[i] == sender) {
			scale.sel = i+1;
			if (cls.indexOf("odinscaleq-selected") < 0) {
				cls = cls + " odinscaleq-selected";
				sender.innerHTML = "";
				sender.appendChild(getScaleSelector());
			}
		} else {
			if (cls.indexOf(" odinscaleq-selected") >= 0) {
				var re = new RegExp(" odinscaleq-selected", "g");
				cls = cls.replace(re, "");
				sender.innerHTML = "";
				sender.appendChild(getScaleWrapper());
			}
			if (cls.indexOf("odinscaleq-normal") < 0) {
				cls = cls + " odinscaleq-normal";
			}
		}
		scale.scaleCells[i].className = cls;
	}
	OdinOnScaleMouseOver(event, sender);
}
function OdinOnScaleMouseOut(event, sender) {
	var cls = sender.className;
	if (scale.selectedItem && scale.selectedItem == sender) {
		var re = new RegExp(" odinscaleq-selected-hovered", "g");
		cls = cls.replace(re, "");
		re = new RegExp(" odinscaleq-hovered", "g");
		cls = cls.replace(re, "");
		if (cls.indexOf("odinscaleq-selected") < 0) {
			cls = cls + " odinscaleq-selected";
			sender.innerHTML = "";
			sender.appendChild(getScaleSelector());
		}
	} else {
		var re = new RegExp(" odinscaleq-selected-hovered", "g");
		cls = cls.replace(re, "");
		re = new RegExp(" odinscaleq-selected", "g");
		cls = cls.replace(re, "");
		sender.innerHTML = "";
		sender.appendChild(getScaleWrapper());
		re = new RegExp(" odinscaleq-hovered", "g");
		cls = cls.replace(re, "");
		if (cls.indexOf("odinscaleq-normal") < 0) {
			cls = cls + " odinscaleq-normal";
		}
	}
	sender.className = cls;
}

