var dragobject = null;
var type;
var onchange = "";
var tx;
var ty;

var big_space = '                          ';

var totalTrips = 0;       //trips
var totalUtilities = 0;   //utilities
var totalHomes = 9526;    //homes
var totalCars = 0;        //cars
var totalPeople = 4922;   //people

var slideBarSize = 300;

var whatJump = 0;

/*********************************************************************
Preload Images so they show up when slid bars move
*********************************************************************/

people1= new Image(22,38); 
people1.src="images/icon_stick_people_f01.gif";
people2= new Image(44,38);
people2.src="images/icon_stick_people_f02.gif";
people3= new Image(64,38);
people3.src="images/icon_stick_people_f03.gif";
people4= new Image(80,38);
people4.src="images/icon_stick_people_f04.gif";

car0= new Image(190,30);
car0.src="images/icon_stick_car_f00.gif";
car1= new Image(42,23);
car1.src="images/icon_stick_car_f01.gif";
car2= new Image(88,23);
car2.src="images/icon_stick_car_f02.gif";
car3= new Image(136,23);
car3.src="images/icon_stick_car_f03.gif";
car4= new Image(182,23);
car4.src="images/icon_stick_car_f04.gif";

house1= new Image(75,39);
house1.src="images/icon_stick_house_f01.gif";
house2= new Image(46,39);
house2.src="images/icon_stick_house_f02.gif";

voltage0= new Image(190,30);
voltage0.src="images/icon_stick_voltage_f00_2.gif";
voltage1= new Image(190,30);
voltage1.src="images/icon_stick_voltage_f01_2.gif";
voltage2= new Image(190,30);
voltage2.src="images/icon_stick_voltage_f02_2.gif";
voltage3= new Image(190,30);
voltage3.src="images/icon_stick_voltage_f03_2.gif";
voltage4= new Image(190,30);
voltage4.src="images/icon_stick_voltage_f04_2.gif";
voltage5= new Image(190,30);
voltage5.src="images/icon_stick_voltage_f05_2.gif";
voltage6= new Image(190,30);
voltage6.src="images/icon_stick_voltage_f06_2.gif";
voltage7= new Image(190,30);
voltage7.src="images/icon_stick_voltage_f07_2.gif";
voltage8= new Image(190,30);
voltage8.src="images/icon_stick_voltage_f08_2.gif";

plane0= new Image(190,30);
plane0.src="images/icon_stick_plane_f00.gif";
plane1= new Image(46,30);
plane1.src="images/icon_stick_plane_f01.gif";
plane2= new Image(94,30);
plane2.src="images/icon_stick_plane_f02.gif";
plane3= new Image(143,30);
plane3.src="images/icon_stick_plane_f03.gif";
plane4= new Image(190,30);
plane4.src="images/icon_stick_plane_f04.gif";
plane5= new Image(190,30);
plane5.src="images/icon_stick_plane_f05.gif";
plane6= new Image(190,30);
plane6.src="images/icon_stick_plane_f06.gif";
plane7= new Image(190,30);
plane7.src="images/icon_stick_plane_f07.gif";
plane8= new Image(190,30);
plane8.src="images/icon_stick_plane_f08.gif";


/********************************************************************/

function slidePerc(value) {

theWind.innerHTML = value * 100 + '%';

}


/********************************************************************/

function slidePeople(value) {

  var tons;

  if(value <= 0.25) {
    peopleImage.innerHTML = '<img src=' + people1.src + '>';
    peopleText.innerHTML = 'One Person';
    tons=4922;
  } 
  else if((value > 0.25) && (value <= 0.50)) {
    peopleImage.innerHTML = '<img src=' + people2.src + '>';
    peopleText.innerHTML = big_space + '&nbsp;&nbsp;&nbsp;&nbsp;Two People';
    tons=9844;
  }
  else if((value > 0.50) && (value <= 0.75)) {
    peopleImage.innerHTML = '<img src=' + people3.src + '>';
    peopleText.innerHTML = big_space + big_space + '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Three People';
    tons=13289;
  }
  else if(value > 0.75){
    peopleImage.innerHTML = '<img src=' + people4.src + '>'; 
    peopleText.innerHTML = big_space + big_space + big_space + 'Four People Or More';
    tons=16735;
  }
  totalPeople = tons;

  calcTotal();
}

/********************************************************************/

function slideCars(value) {

  var tons;

  if(dragobject.value < 0.20) {
    carsImage.innerHTML = '<img src=' + car0.src + '>';
    carText.innerHTML = 'No Car';
    tons=0;
  }
  else if((value >= 0.20) && (value < 0.40)) {
    carsImage.innerHTML = '<img src=' + car1.src + '>';
    carText.innerHTML = '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;One Car';
    tons=11107;
  } 
  else if((value >= 0.40) && (value <= 0.60)) {
    carsImage.innerHTML = '<img src=' + car2.src + '>';
    carText.innerHTML = big_space + '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Two Cars';
    tons=22214;
  }
  else if((value > 0.60) && (value <= 0.80)) {
    carsImage.innerHTML = '<img src=' + car3.src + '>';
    carText.innerHTML = big_space + big_space + '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Three Cars';
    tons=31655;
  }
  else if(value > 0.80){
    carsImage.innerHTML = '<img src=' + car4.src + '>';
    carText.innerHTML = big_space + big_space + big_space + 'Four Cars Or More';
    tons=39986;
  }

  totalCars=tons;

  calcTotal();
}

/********************************************************************/

function slideHomes(value) {

  var tons;

  if(value <= 0.50) {
    homesImage.innerHTML = '<img src=' + house1.src + '>';
    houseText.innerHTML = 'Single Family Home';
    tons=9526;
  } 
  else {
    homesImage.innerHTML = '<img src=' + house2.src + '>'; 
    houseText.innerHTML = big_space + big_space + big_space + 'Apartment/Condo';
    tons=6192;
  }

  totalHomes=tons;

  calcTotal();
}

/********************************************************************/

function slideUtilities(value) {

  var tons;
  var oneE = 4887;

  if(value <= (1/16)) {
    utilitiesImage.innerHTML = '<img src=' + voltage0.src + '>';
    utilityText.innerHTML = '$0';
    tons=0;
  }
  else if((value > (1/16)) && (value <= (3/16))) {
    utilitiesImage.innerHTML = '<img src=' + voltage1.src + '>';
    utilityText.innerHTML = '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$50';
    tons=oneE;
  }
  else if((value > (3/16)) && (value <= (5/16))) {
    utilitiesImage.innerHTML = '<img src=' + voltage2.src + '>';
    utilityText.innerHTML = big_space + '&nbsp;$100';
    tons=oneE*2;
  }
  else if((value > (5/16)) && (value <= (7/16))) {
    utilitiesImage.innerHTML = '<img src=' + voltage3.src + '>';
    utilityText.innerHTML = big_space + '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$150';
    tons=oneE*3;
  }
  else if((value > (7/16)) && (value <= (9/16))) {
    utilitiesImage.innerHTML = '<img src=' + voltage4.src + '>';
    utilityText.innerHTML = big_space + big_space  + '$200';
    tons=oneE*4;
  }
  else if((value > (9/16)) && (value <= (11/16))) {
    utilitiesImage.innerHTML = '<img src=' + voltage5.src + '>';
    utilityText.innerHTML = big_space + big_space + '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$250';
    tons=oneE*5;
  }
  else if((value > (11/16)) && (value <= (13/16))) {
    utilitiesImage.innerHTML = '<img src=' + voltage6.src + '>';
    utilityText.innerHTML = big_space + big_space + big_space + '$300';
    tons=oneE*6; 
  }
  else if((value > (13/16)) && (value <= (15/16))) {
    utilitiesImage.innerHTML = '<img src=' + voltage7.src + '>';
    utilityText.innerHTML = big_space + big_space + big_space + '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$350';
    tons=oneE*7;
  }
  else if(value > (15/16)){
    utilitiesImage.innerHTML = '<img src=' + voltage8.src + '>';
    utilityText.innerHTML = big_space + big_space + big_space + '$400 Or More';
    tons=oneE*8;
  }

  //utilities.textfield434.value=tons;
  //utilities.textfield4342.value=tons-19;

  totalUtilities = tons;
  calcTotal();
}

/********************************************************************/

function slideTrips(value) {

  var oneTrip=4686;
  var tons;

  if(value <= (1/16)) {
    tripsImage.innerHTML = '<img src=' + plane0.src + '>';
    tripText.innerHTML = 'No Trips';
    tons=0;
  } 
  else if((value > (1/16)) && (value <= (3/16))) {
    tripsImage.innerHTML = '<img src=' + plane1.src + '>';
    tripText.innerHTML = '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1 Round Trip';
    tons=oneTrip;
  } 
  else if((value > (3/16)) && (value <= (5/16))) {
    tripsImage.innerHTML = '<img src=' + plane2.src + '>';
    tripText.innerHTML = '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2 Round Trips';
    tons=oneTrip*2;
  }
  else if((value > (5/16)) && (value <= (7/16))) {
    tripsImage.innerHTML = '<img src=' + plane3.src + '>';
    tripText.innerHTML = big_space + '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3 Round Trips';
    tons=oneTrip*3;
  }
  else if((value > (7/16)) && (value <= (9/16))) {
    tripsImage.innerHTML = '<img src=' + plane4.src + '>';
    tripText.innerHTML = big_space + '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;4 Round Trips';
    tons=oneTrip*4;
  }
  else if((value > (9/16)) && (value <= (11/16))) {
    tripsImage.innerHTML = '<img src=' + plane5.src + '>';
    tripText.innerHTML = big_space + big_space + '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;5 Round Trips';
    tons=oneTrip*5;
  }
  else if((value > (11/16)) && (value <= (13/16))) {
    tripsImage.innerHTML = '<img src=' + plane6.src + '>';
    tripText.innerHTML = big_space + big_space + '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;6 Round Trips';
    tons=oneTrip*6;
  }
  else if((value > (13/16)) && (value <= (15/16))) {
    tripsImage.innerHTML = '<img src=' + plane7.src + '>';
    tripText.innerHTML = big_space + big_space + big_space + '7 Round Trips';
    tons=oneTrip*7;
  }
  else if(value > (15/16)){
    tripsImage.innerHTML = '<img src=' + plane8.src + '>';
    tripText.innerHTML = big_space + big_space + big_space + '8 Or More Round Trips';
    tons=oneTrip*8;
  }

  totalTrips = tons;
  calcTotal();
}

/********************************************************************/

function calcTotal() {


	var total = 0;
	var rate = 0.008; //per pound
	var pay;
	
	total += totalTrips;       //trips
	total += totalUtilities;   //utilities
	total += totalHomes;        //homes
	total += totalCars;       //cars
	total += totalPeople;        //people


	lbs.innerHTML = addCommas(total);
//        lbs = document.getElementById("lbs");
//        lbs.innerHTML = addCommas(total);

        lbs2.innerHTML = addCommas(total);
//        lbs2 = document.getElementById("lbs2");
//        lbs2.innerHTML = addCommas(total);

	//over.innerHTML = addCommas(total - 46261);
	pay = total * rate;
	pay = pay.toFixed(2);
        totalForm.totalDollars.value=pay;
	pay = addCommas(pay);
	payment.innerHTML = '$' + pay;
        payment2.innerHTML = '$' + pay;



}

/********************************************************************/

function showChange(field, value) {

  //alert('calcRadio ' + field + ' ' + value);

  if(field == "people")
  {
    totalPeople = value;
    if(value == 4922)
    {
      peopleImage.innerHTML = '<img src=' + people1.src + '>';
    }
    else if(value == 9844)
    {
      peopleImage.innerHTML = '<img src=' + people2.src + '>';
    }
    else if(value == 13289)
    {
      peopleImage.innerHTML = '<img src=' + people3.src + '>';
    }
    else
    { 
      peopleImage.innerHTML = '<img src=' + people4.src + '>';
    }
  }
  else if(field == "cars")
  {
    totalCars = value;
    if(value == 0)
    {
      carsImage.innerHTML = '<img src=' + car0.src + '>';
    }
    else if(value == 11107)
    {
      carsImage.innerHTML = '<img src=' + car1.src + '>';
    }
    else if(value == 22214)
    {
      carsImage.innerHTML = '<img src=' + car2.src + '>';
    }
    else if(value == 31655)
    {
      carsImage.innerHTML = '<img src=' + car3.src + '>';
    }
    else
    {
      carsImage.innerHTML = '<img src=' + car4.src + '>';
    }
  }
  else if(field == "home")
  {
    totalHomes = value;
    if(value == 9526)
    {
      homesImage.innerHTML = '<img src=' + house1.src + '>';
    }
    else
    {
      homesImage.innerHTML = '<img src=' + house2.src + '>';
    }
  }
  else if(field == "utility")
  {
    totalUtilities = value;
    if(value == 0)
    {
      utilitiesImage.innerHTML = '<img src=' + voltage0.src + '>';
    }
    else if(value == 4887)
    {
      utilitiesImage.innerHTML = '<img src=' + voltage1.src + '>';
    }
    else if(value == 4887*2)
    {
      utilitiesImage.innerHTML = '<img src=' + voltage2.src + '>';
    }
    else if(value == 4887*3)
    {
      utilitiesImage.innerHTML = '<img src=' + voltage3.src + '>';
    }
    else if(value == 4887*4)
    {
      utilitiesImage.innerHTML = '<img src=' + voltage4.src + '>';
    }
    else if(value == 4887*5)
    {
      utilitiesImage.innerHTML = '<img src=' + voltage5.src + '>';
    }
    else if(value == 4887*6)
    {
      utilitiesImage.innerHTML = '<img src=' + voltage6.src + '>';
    }
    else if(value == 4887*7)
    {
      utilitiesImage.innerHTML = '<img src=' + voltage7.src + '>';
    }
    else
    {
      utilitiesImage.innerHTML = '<img src=' + voltage8.src + '>';
    }

  }
  else if(field == "trip")
  {
    if(value == 0) 
    {
      tripsImage.innerHTML = '<img src=' + plane0.src + '>';
    }
    else if(value == 4686)
    {
      tripsImage.innerHTML = '<img src=' + plane1.src + '>';
    }
    else if(value == 4686*2)
    {
      tripsImage.innerHTML = '<img src=' + plane2.src + '>';
    }
    else if(value == 4686*3)
    {
      tripsImage.innerHTML = '<img src=' + plane3.src + '>';
    }
    else if(value == 4686*4)
    {
      tripsImage.innerHTML = '<img src=' + plane4.src + '>';
    }
    else if(value == 4686*5)
    {
      tripsImage.innerHTML = '<img src=' + plane5.src + '>';
    }
    else if(value == 4686*6)
    {
      tripsImage.innerHTML = '<img src=' + plane6.src + '>';
    }
    else if(value == 4686*7)
    {
      tripsImage.innerHTML = '<img src=' + plane7.src + '>';
    }
    else 
    {
      tripsImage.innerHTML = '<img src=' + plane8.src + '>';
    }
    totalTrips = value;
  }

  calcTotal();

}

/********************************************************************/

function jumpTo() {

  if(whatJump == 1)
  {
    //4 options (0-3)  

    if(dragobject.value < 0.25) {
      dragobject.value = 0;
      dragobject.style.left = 0;
    }
    else if(dragobject.value >= 0.25 && dragobject.value < 0.50) {
      dragobject.value = .33;
      dragobject.style.left = (slideBarSize * dragobject.value);
    }
    else if(dragobject.value >= 0.50 && dragobject.value < 0.75) {
      dragobject.value = .66;
      dragobject.style.left = (slideBarSize * dragobject.value);
    }
    else {
      dragobject.value = 1;
      dragobject.style.left = (slideBarSize - dragobject.offsetWidth);
    }
  }
  else if (whatJump == 2)
  {
    //2 options (0-1) 

    if(dragobject.value < 0.50) {
      dragobject.value = 0;
      dragobject.style.left = 0;
    }
    else {
      dragobject.value = 1;
      dragobject.style.left = (slideBarSize - dragobject.offsetWidth);
    }
  }
  else if(whatJump == 3) 
  {
    //5 options (0-4)    

    if(dragobject.value < 0.20) {
      dragobject.value = 0;
      dragobject.style.left = 0;
    }
    else if(dragobject.value >= 0.20 && dragobject.value < 0.40) {
      dragobject.value = .25;
      dragobject.style.left = (slideBarSize * dragobject.value);
    }
    else if(dragobject.value >= 0.40 && dragobject.value < 0.60) {
      dragobject.value = .50;
      dragobject.style.left = (slideBarSize * dragobject.value);
    }
    else if(dragobject.value >= 0.60 && dragobject.value < 0.80) {
      dragobject.value = .75;
      dragobject.style.left = (slideBarSize * dragobject.value);
    }
    else {
      dragobject.value = 1;
      dragobject.style.left = (slideBarSize - dragobject.offsetWidth);
    }
  }
  else if(whatJump == 4)
  {
    //9 different options (0-8)

    if(dragobject.value <= (1/16)) {
      dragobject.value = 0;
      dragobject.style.left = 0;
    }
    else if((dragobject.value > (1/16)) && (dragobject.value <= (3/16))) {
      dragobject.value = (1/8);
      dragobject.style.left = (slideBarSize * dragobject.value);
    }
    else if((dragobject.value > (3/16)) && (dragobject.value <= (5/16))) {
      dragobject.value = (2/8);
      dragobject.style.left = (slideBarSize * dragobject.value);
    }
    else if((dragobject.value > (5/16)) && (dragobject.value <= (7/16))) {
      dragobject.value = (3/8);
      dragobject.style.left = (slideBarSize * dragobject.value);
    }
    else if((dragobject.value > (7/16)) && (dragobject.value <= (9/16))) {
      dragobject.value = (4/8);
      dragobject.style.left = (slideBarSize * dragobject.value);
    }
    else if((dragobject.value > (9/16)) && (dragobject.value <= (11/16))) {
      dragobject.value = (5/8);
      dragobject.style.left = (slideBarSize * dragobject.value);
    }
    else if((dragobject.value > (11/16)) && (dragobject.value <= (13/16))) {
      dragobject.value = (6/8);
      dragobject.style.left = (slideBarSize * dragobject.value);
    }
    else if((dragobject.value > (13/16)) && (dragobject.value <= (15/16))) {
      dragobject.value = (7/8);
      dragobject.style.left = (slideBarSize * dragobject.value);
    }
    else if(dragobject.value > (15/16)){
      dragobject.value = 1;
      dragobject.style.left = (slideBarSize - dragobject.offsetWidth);
    }
  }

  if(whatJump)
    eval(onchange.replace(/this/g, "dragobject"));

}

/********************************************************************/

function addCommas(nStr)
{
	nStr += '';
	x = nStr.split('.');
	x1 = x[0];
	x2 = x.length > 1 ? '.' + x[1] : '';
	var rgx = /(\d+)(\d{3})/;
	while (rgx.test(x1)) {
		x1 = x1.replace(rgx, '$1' + ',' + '$2');
	}
	return x1 + x2;
}

/********************************************************************/

function getValue(str, name){

  if(str.search(name) > 0)
  {
    startIndex = str.indexOf(name) + name.length+1;
    sub = str.substring(startIndex);

    if(sub.search("&") > 0)
    {
      stopIndex = sub.indexOf("&") + startIndex;
      if(startIndex == stopIndex)
      {
        return "";    
      } 

      return(str.substring(startIndex, stopIndex));
    }
    return(str.substring(startIndex));
  }
  return "";
}

/********************************************************************/

function getReal(el, type, value) {
	temp = el;
	while ((temp != null) && (temp.tagName != "BODY")) {
		if (eval("temp." + type) == value) {
			el = temp;
			return el;
		}
		temp = temp.parentElement;
	}
	return el;
}

/********************************************************************/

function moveme_onmousedown() {
	var tmp = getReal(window.event.srcElement, "className", "sliderHandle");	//Traverse the element tree
        if(tmp.className == "drag")
		whatJump=1;
	else if(tmp.className == "drag2")
		whatJump=2;
	else if(tmp.className == "drag3")
		whatJump=3;
        else if(tmp.className == "drag4")
                whatJump=4;

	if(tmp.className == "sliderHandle" || tmp.className == "drag" || 
           tmp.className == "drag2" || tmp.className == "drag3" || tmp.className == "drag4") {
		dragobject = tmp;			//This is a global reference to the current dragging object

		onchange = dragobject.getAttribute("onchange");	//Set the onchange function
		if (onchange == null) onchange = "";
		type = dragobject.getAttribute("type");			//Find the type

		if (type=="y")		//Vertical
			ty = (window.event.clientY - dragobject.style.pixelTop);
		else			//Horizontal
			tx = (window.event.clientX - dragobject.style.pixelLeft);

		window.event.returnValue = false;
		window.event.cancelBubble = true;
	}
	else {
		dragobject = null;	//Not draggable
	}	
}

/********************************************************************/

function moveme_onmouseup() {

	if(dragobject) {

//alert('dragobject.value = ' + dragobject.value +'\n' + 'dragobject.style.left = ' + dragobject.style.left +'\n' + 'dragobject.parentElement.offsetWidth = ' + dragobject.parentElement.offsetWidth + '\n' + 'dragobject.parentElement.clientWidth = ' + dragobject.parentElement.clientWidth + '\n' + 'event.clientX = ' + event.clientX +'\n' + 'tx = ' + tx +'\n' + 'dragobject.offsetWidth = ' + dragobject.offsetWidth + '\n' + 'dragobject.style.pixelLeft = ' + dragobject.style.pixelLeft );

		jumpTo();

		dragobject = null;
	}
}

/********************************************************************/

function moveme_onmousemove() {
	if(dragobject) {
		if (type=="y") {
			if(event.clientY >= 0) {
				if ((event.clientY - ty >= 0) && (event.clientY - ty <= dragobject.parentElement.offsetHeight - dragobject.offsetHeight)) {
					dragobject.style.top = event.clientY - ty;
				}
				if (event.clientY - ty < 0) {
					dragobject.style.top = "0";
				}
				if (event.clientY - ty > dragobject.parentElement.offsetHeight - dragobject.offsetHeight - 0) {
					dragobject.style.top = dragobject.parentElement.offsetHeight - dragobject.offsetHeight;
				}

				dragobject.value = dragobject.style.pixelTop / (dragobject.parentElement.offsetHeight - dragobject.offsetHeight);
				eval(onchange.replace(/this/g, "dragobject"));
			}
		}
		else {
			if(event.clientX  >= 0) {
				if ((event.clientX  - tx >= 0) && (event.clientX - tx <= dragobject.parentElement.offsetWidth - dragobject.offsetWidth)) {
					dragobject.style.left = event.clientX - tx;
				}
				if (event.clientX - tx < 0) {
					dragobject.style.left = "0";
				}
				if (event.clientX - tx > dragobject.parentElement.clientWidth - dragobject.offsetWidth - 0) {
					dragobject.style.left = dragobject.parentElement.clientWidth - dragobject.offsetWidth;
				}

				dragobject.value = dragobject.style.pixelLeft / (dragobject.parentElement.clientWidth - dragobject.offsetWidth);
				//dragobject.value = 0.5;
                                //dragobject.style.left = 150;

				eval(onchange.replace(/this/g, "dragobject"));
			}
		}
		
		
		window.event.returnValue = false;
		window.event.cancelBubble = true;
	} 
}

/********************************************************************/

function setValue(el, val) {
	el.value = val;
	if (el.getAttribute("TYPE") == "x")
		el.style.left =  val * (el.parentElement.clientWidth - el.offsetWidth);
	else
		el.style.top =  val * (el.parentElement.clientHeight - el.offsetHeight);

	eval(el.onchange.replace(/this/g, "el"))
}

/********************************************************************/

document.onmousedown = moveme_onmousedown;
document.onmouseup = moveme_onmouseup;
document.onmousemove = moveme_onmousemove;

//document.write('<style type="text/css">\
//				.sliderHandle	{position: relative; cursor: default;}\
//				</style>')