// slider stuff...
// heads up: array boSliderValue must have as many items as there are sliders on a page


			var boSliderValueInit      = 168;
			var maxPercentValue        = 333;
			var scaleFactor            = 166.5;
			var IncreaseDistance       = 30;
			var xPos;
			var yPos;
			var DecreaseDistance       = IncreaseDistance * -1;
			var boSliderValue          = new Array(boSliderValueInit, boSliderValueInit, boSliderValueInit);   // in percent
			var possibleNewSliderValue = boSliderValueInit;
			var currObjectIdNo         = 1;
			var clickMousePosition     = 0;     // stores current mouse position (absolute) on slider click
			var myBasicSliderPos       = 0;     // stores slider position (absolute) on slider click
			var sliderIsInMotion       = false; // on mouse down => true; ..up => false
			var currSliderName         = 'Distance_boSlider';  // id   !number will be added!
			var currSliderName2        = 'Distance2_boSlider'; // id   !number will be added!
			var sliderOutputId         = "slideroutput";             // id   !number will be added!
			var docEl                  = (
			  typeof document.compatMode != "undefined" &&
			  document.compatMode        != "BackCompat"
			  )? "documentElement" : "body";

			function init_mousemove() {
			  if(document.layers) document.captureEvents(Event.MOUSEMOVE);
			  document.onmousemove = bo_mouse_pos;
			  }

			function movesliderClick(objectIdNo) {
			  clickMousePosition = xPos;
			  myBasicSliderPos   = parseInt(document.getElementById(currSliderName+''+objectIdNo).style.width);
			  if (isNaN(myBasicSliderPos)) {myBasicSliderPos = 0;}
			  currObjectIdNo     = objectIdNo;
			  sliderIsInMotion   = true;
			  }

			function movesliderRelease(objectIdNo) {
			  sliderIsInMotion          = false;
				document.getElementById(currSliderName+''+objectIdNo).style.width  = possibleNewSliderValue+'px';
				document.getElementById(currSliderName2+''+objectIdNo).style.width = parseInt(maxPercentValue-possibleNewSliderValue)+'px';
			  boSliderValue[objectIdNo-1] = possibleNewSliderValue;
			  }

			function movesliderReleaseOutside() {if (sliderIsInMotion == true) {movesliderRelease(currObjectIdNo);} }

			function boHandleSlider(diff, indecrease, objectIdNo) {
			  if ( (sliderIsInMotion == true) || (indecrease == true) ) {
					possibleValue = boSliderValue[objectIdNo-1] + diff;
					if (possibleValue > maxPercentValue) {possibleNewSliderValue = maxPercentValue;} else if (possibleValue < 0) {possibleNewSliderValue = 0;} else {possibleNewSliderValue = possibleValue;}
					document.getElementById(currSliderName+''+objectIdNo).style.width  = possibleNewSliderValue+'px';
					document.getElementById(currSliderName2+''+objectIdNo).style.width = parseInt(maxPercentValue-possibleNewSliderValue)+'px';
					var boslideroutput                                                 = Math.round( possibleNewSliderValue / scaleFactor * 100 );
					document.getElementById(sliderOutputId+''+objectIdNo).value    = boslideroutput;
					if (indecrease == true) {boSliderValue[objectIdNo-1] = possibleNewSliderValue;}
					} // slider in motion
				}

			function bo_mouse_pos(e) {
			  xPos    =  e? e.pageX : window.event.x;
			  yPos    =  e? e.pageY : window.event.y;
			  if (document.all && !document.captureEvents) {
					xPos    += document[docEl].scrollLeft;
					yPos    += document[docEl].scrollTop;
					}
				boHandleSlider(xPos-clickMousePosition, false, currObjectIdNo); //* main move routine


		      // should prevent marking in any browser...
              if(window.getSelection && sliderIsInMotion == true) {
                 var sel = window.getSelection();
                 sel.removeAllRanges();
              }
			  if (document.layers) routeEvent(e); //
//			  e.returnValue = false; //*
			  return false; //*
			  }