function thumbOnDrag(e, mdx, mdy) {
		var newX = xLeft(e) + mdx;
		if (newX >= 0 && newX < (xWidth(e.offsetParent) - xWidth(e) - 1) ) {
			xLeft(e, xLeft(e) + mdx);
		}
		// The thumb element id ends with _thumb. So we get rid of that and end up with the textfield id.
		var textfieldId = e.id.substring(0, e.id.length - "_thumb".length);
		// Calculate the value by reading the position of the thumb.
		var valueField = xGetElementById(textfieldId);
		var newvalue = Math.round((e.endvalue - e.startvalue) * xLeft(e) / (xWidth(e.offsetParent) - xWidth(e) - 1) + e.startvalue);
		if (newvalue == e.startvalue) {
			valueField.value = '';
		}
		else {
			valueField.value = newvalue;
		}
	}
	
	function thumbOnDragEnd(e, mdx, mdy) {
	}