function init() {
  // - Slider 1 -----------------------------------------
  mySlider1 = new Bs_Slider();
  mySlider1.width         = 144;
  mySlider1.height        = 20;
  mySlider1.imgDir = '/images/quicksearch/';
  mySlider1.setBackgroundImage('price-range-background-2.gif', 'no-repeat');
  mySlider1.attachOnChange(bsSliderChange);
  //mySlider1.attachOnChange(changeMinPrice);
	
	mySlider1.fieldName     = 'slider1_start';
  mySlider1.minVal        = 0;
  mySlider1.maxVal        = 38;
  mySlider1.valueInterval = 1;
  mySlider1.valueDefault  = 0;
  mySlider1.setSliderIcon('slider-left-2.gif', 8, 20);
  mySlider1.useInputField = 0;
  mySlider1.styleValueFieldClass = 'sliderInput';
  //mySlider1.colorbar = new Object({ color:'blue', height:5, widthDifference:-30, offsetLeft:5, offsetTop:9 });
	
	mySlider1.useSecondKnob  = true;
    mySlider1.preventValueCrossing = true;
	mySlider1.wheelAmount    = 0; //disable mouse wheeling cause we have 2 knobs.
	
	mySlider1.fieldName2     = 'slider1_end';
  mySlider1.minVal2        = 0;
  mySlider1.maxVal2        = 38;
  mySlider1.valueInterval2 = 1;
  mySlider1.valueDefault2  = 38;
  mySlider1.setSliderIcon2('slider-right-2.gif', 8, 20);
  mySlider1.useInputField2 = 0;
  mySlider1.styleValueFieldClass2 = 'sliderInput';
  //mySlider1.colorbar2 = new Object({ color:'blue', height:5, widthDifference:-18, offsetLeft:28, offsetTop:9 });
	
  mySlider1.drawInto('sliderDiv1');
	
  // - Slider 2 -----------------------------------------
  mySlider2 = new Bs_Slider();
  mySlider2.width         = 65;
  mySlider2.height        = 20;
  mySlider2.imgDir = '/images/quicksearch/';
  mySlider2.setBackgroundImage('beds-bath-background-2.gif', 'no-repeat');
  mySlider2.attachOnChange(bsSliderChangeBed);

	
  mySlider2.fieldName     = 'slider2_start';
  mySlider2.minVal        = 0;
  mySlider2.maxVal        = 4;
  mySlider2.valueInterval = 1;
  mySlider2.valueDefault  = 0;
  mySlider2.setSliderIcon('slider-2.gif', 8, 20);
  mySlider2.useInputField = 0;
  mySlider2.styleValueFieldClass = 'sliderInput';
	
  mySlider2.useSecondKnob  = false;

  mySlider2.drawInto('sliderDiv2');
  
  
  // - Slider 3 -----------------------------------------
  mySlider3 = new Bs_Slider();
  mySlider3.width         = 65;
  mySlider3.height        = 20;
  mySlider3.imgDir = '/images/quicksearch/';
  mySlider3.setBackgroundImage('beds-bath-background-2.gif', 'no-repeat');
  mySlider3.attachOnChange(bsSliderChangeBath);

	
  mySlider3.fieldName     = 'slider3_start';
  mySlider3.minVal        = 0;
  mySlider3.maxVal        = 5;
  mySlider3.valueInterval = 1;
  mySlider3.valueDefault  = 0;
  mySlider3.setSliderIcon('slider-2.gif', 8, 20);
  mySlider3.useInputField = 0;
  mySlider3.styleValueFieldClass = 'sliderInput';
	
  mySlider3.useSecondKnob  = false;

  mySlider3.drawInto('sliderDiv3');


// we also set all drop downs and fields to their respective default values.

//document.test.type.options[0].selected = true;
//document.test.neighborhood.options[0].selected = true;
//document.getElementById("type").options[0].selected = true;
//document.getElementById("neighborhood").options[0].selected = true;
}

/**
* @param object sliderObj
* @param int val (the value)
* @param int newPos
* @param int knobNo
*/



function bsSliderChange(sliderObj, val, newPos, knobNumber) { 

var priceDisplay = new Array();
priceDisplay[0] = "0";
priceDisplay[1] = "$1,000";
priceDisplay[2] = "$1,500";
priceDisplay[3] = "$2,000";
priceDisplay[4] = "$2,500";
priceDisplay[5] = "$3,000";
priceDisplay[6] = "$4,000";
priceDisplay[7] = "$5,000";
priceDisplay[8] = "$10,000";
priceDisplay[9] = "$20,000";
priceDisplay[10] = "$50,000";
priceDisplay[11] = "$100,000";
priceDisplay[12] = "$150,000";
priceDisplay[13] = "$200,000";
priceDisplay[14] = "$250,000";
priceDisplay[15] = "$300,000";
priceDisplay[16] = "$350,000";
priceDisplay[17] = "$400,000";
priceDisplay[18] = "$450,000";
priceDisplay[19] = "$500,000";
priceDisplay[20] = "$550,000";
priceDisplay[21] = "$600,000";
priceDisplay[22] = "$650,000";
priceDisplay[23] = "$700,000";
priceDisplay[24] = "$750,000";
priceDisplay[25] = "$800,000";
priceDisplay[26] = "$850,000";
priceDisplay[27] = "$900,000";
priceDisplay[28] = "$950,000";
priceDisplay[29] = "$1,000,000";
priceDisplay[30] = "$1,500,000";
priceDisplay[31] = "$2,000,000";
priceDisplay[32] = "$2,500,000";
priceDisplay[33] = "$3,000,000";
priceDisplay[34] = "$3,500,000";
priceDisplay[35] = "$4,000,000";
priceDisplay[36] = "$4,500,000";
priceDisplay[37] = "$5,000,000";
priceDisplay[38] = "Any";

var priceValue = new Array();
priceValue[0] = "0";
priceValue[1] = "1000";
priceValue[2] = "1500";
priceValue[3] = "2000";
priceValue[4] = "2500";
priceValue[5] = "3000";
priceValue[6] = "4000";
priceValue[7] = "5000";
priceValue[8] = "10000";
priceValue[9] = "20000";
priceValue[10] = "50000";
priceValue[11] = "100000";
priceValue[12] = "150000";
priceValue[13] = "200000";
priceValue[14] = "250000";
priceValue[15] = "300000";
priceValue[16] = "350000";
priceValue[17] = "400000";
priceValue[18] = "450000";
priceValue[19] = "500000";
priceValue[20] = "550000";
priceValue[21] = "600000";
priceValue[22] = "650000";
priceValue[23] = "700000";
priceValue[24] = "750000";
priceValue[25] = "800000";
priceValue[26] = "850000";
priceValue[27] = "900000";
priceValue[28] = "950000";
priceValue[29] = "1000000";
priceValue[30] = "1500000";
priceValue[31] = "2000000";
priceValue[32] = "2500000";
priceValue[33] = "3000000";
priceValue[34] = "3500000";
priceValue[35] = "4000000";
priceValue[36] = "4500000";
priceValue[37] = "5000000";
priceValue[38] = "100000000";

	document.getElementById('slider1knob'+knobNumber).value = val;
	
	//var mnPrice = document.test.slider1knob1.value;
	//var mxPrice = document.test.slider1knob2.value;
	var mnPrice = document.getElementById("slider1knob1").value;
	var mxPrice = document.getElementById("slider1knob2").value;
	
	document.getElementById("lblMinPrice").innerHTML = priceDisplay[mnPrice];
	document.getElementById("lblMaxPrice").innerHTML = priceDisplay[mxPrice];
	document.getElementById("minprice").value = priceValue[mnPrice];
	document.getElementById("maxprice").value = priceValue[mxPrice];
}

function bsSliderChangeBed(sliderObj, val, newPos, knobNumber) { 

var bedDisplay = new Array();
bedDisplay[0] = "Any";
bedDisplay[1] = "1+";
bedDisplay[2] = "2+";
bedDisplay[3] = "3+";
bedDisplay[4] = "4+";

var bedValue = new Array();
bedValue[0] = "0";
bedValue[1] = "1";
bedValue[2] = "2";
bedValue[3] = "3";
bedValue[4] = "4";

	document.getElementById('slider1knobBed').value = val;

	//var bdrms = document.test.slider1knobBed.value;
	var bdrms = document.getElementById("slider1knobBed").value;
	
	document.getElementById("lblBed").innerHTML = bedDisplay[bdrms];
	//document.test.bedrooms.value = bedValue[bdrms];
	document.getElementById("bedrooms").value = bedValue[bdrms];
	
}

function bsSliderChangeBath(sliderObj, val, newPos, knobNumber) { 

var bathDisplay = new Array();
bathDisplay[0] = "Any";
bathDisplay[1] = "1+";
bathDisplay[2] = "1.5+";
bathDisplay[3] = "2+";
bathDisplay[4] = "2.5+";
bathDisplay[5] = "3+";

var bathValue = new Array();
bathValue[0] = "0";
bathValue[1] = "1";
bathValue[2] = "1.1";
bathValue[3] = "2";
bathValue[4] = "2.1";
bathValue[5] = "3";

	document.getElementById('slider1knobBath').value = val;

	//var baths = document.test.slider1knobBath.value;
	var baths = document.getElementById('slider1knobBath').value;
	document.getElementById("lblBath").innerHTML = bathDisplay[baths];
	//document.test.bathrooms.value = bathValue[baths];
	document.getElementById('bathrooms').value = bathValue[baths];
}