fnAnimate = function() {
		if (this.getDomRef()) {
			var that = this;
			var $left, $middle, $right;
			var color = "", colorActive = "";

			/*
			 * All this steps ensure that the control won't crash if during an
			 * animation the control was destroyed.
			 */
			if (that._$left) {
				$left = that._$left;
			} else {
				return;
			}
			if (that._$middle) {
				$middle = that._$middle;
			} else {
				return;
			}
			if (that._$right) {
				$right = that._$right;
			} else {
				return;
			}
			if (that._sBoxColor) {
				color = that._sBoxColor;
			} else {
				return;
			}
			if (that._sBoxColorActive) {
				colorActive = that._sBoxColorActive;
			} else {
				return;
			}

			$left.css("background-color", colorActive);

			setTimeout(function() {
				$left.css("background-color", color);

				$middle.css("background-color", colorActive);

				setTimeout(function() {
					$middle.css("background-color", color);

					$right.css("background-color", colorActive);

					setTimeout(function() {
						$right.css("background-color", color);
					}, 150);
				}, 150);
			}, 150);

			this._delayedCallId = setTimeout(this._animateProxy, 1200);
		}
	}
This property is the height of the control that has to
be covered. With this height the position of the animation can be
properly set.