function init() {
											
											  // - Slider 1 -----------------------------------------
											  mySlider1 = new Bs_Slider();
											  mySlider1.width         = 312;
											  mySlider1.height        = 13;
											  mySlider1.imgDir = 'images/';
											  mySlider1.setBackgroundImage('background.gif', 'no-repeat');
											  mySlider1.setBackgroundImageLeft('background.gif', 'no-repeat');
											  mySlider1.attachOnChange(bsSliderChange);
												
											  mySlider1.fieldName     = 'slider1_start';
											  mySlider1.minVal        = 1;
											  mySlider1.maxVal        = 4;
											  mySlider1.valueInterval = 0.1;
											  mySlider1.valueDefault  = 1;
											  mySlider1.setSliderIcon('slider.gif', 20, 15);
											  mySlider1.useInputField = 0;
											  mySlider1.styleValueFieldClass = 'sliderInput';
											  mySlider1.colorbar = new Object({ color:'#F0A3A3', height:9, widthDifference:0, offsetLeft:1, offsetTop:1 });
												
											  mySlider1.useSecondKnob  = true;
											  mySlider1.wheelAmount    = 0; //disable mouse wheeling cause we have 2 knobs.
												
											  mySlider1.fieldName2     = 'slider1_end';
											  mySlider1.minVal2        = 1;
											  mySlider1.maxVal2        = 4;
											  mySlider1.valueInterval2 = 0.1;	
											  mySlider1.valueDefault2  = 4;
											  mySlider1.setSliderIcon2('slider.gif', 20, 15);
											  mySlider1.useInputField2 = 0;
											  mySlider1.styleValueFieldClass2 = 'sliderInput';
											  mySlider1.colorbar2 = new Object({ color:'#F0A3A3', height:9, widthDifference:0, offsetLeft:0, offsetTop:1 });
												
											  mySlider1.drawInto('sliderDiv1');
											
											  document.getElementById('slider1knob1').value = "Fair";
											  document.getElementById('slider1knob2').value = "Excellent";
											  document.getElementById('slider1knob1').size = 2;
											  document.getElementById('slider1knob2').size = 3;

											   // - Slider 2 -----------------------------------------
											  mySlider2 = new Bs_Slider();
											  mySlider2.width         = 312;
											  mySlider2.height        = 13;
											  mySlider2.imgDir = 'images/';
											  mySlider2.setBackgroundImage('background.gif', 'no-repeat');
											  mySlider2.setBackgroundImageLeft('background.gif', 'no-repeat');
											  mySlider2.attachOnChange(bsSliderChange2);
												
											  mySlider2.fieldName     = 'slider2_start';
											  mySlider2.minVal        = 1;
											  mySlider2.maxVal        = 10;
											  mySlider2.valueInterval = 0.1;
											  mySlider2.valueDefault  = 1;
											  mySlider2.setSliderIcon('slider.gif', 20, 15);
											  mySlider2.useInputField = 0;
											  mySlider2.styleValueFieldClass = 'sliderInput';
											  mySlider2.colorbar = new Object({ color:'#F0A3A3', height:9, widthDifference:0, offsetLeft:1, offsetTop:1 });
												
											  mySlider2.useSecondKnob  = true;
											  mySlider2.wheelAmount    = 0; //disable mouse wheeling cause we have 2 knobs.
												
											  mySlider2.fieldName2     = 'slider2_end';
											  mySlider2.minVal2        = 1;
											  mySlider2.maxVal2        = 10;
											  mySlider2.valueInterval2 = 0.1;
											  mySlider2.valueDefault2  = 10;
											  mySlider2.setSliderIcon2('slider.gif', 20, 15);
											  mySlider2.useInputField2 = 0;
											  mySlider2.styleValueFieldClass2 = 'sliderInput';
											  mySlider2.colorbar2 = new Object({ color:'#F0A3A3', height:9, widthDifference:0, offsetLeft:0, offsetTop:1 });
												
											  mySlider2.drawInto('sliderDiv2');
											
											  document.getElementById('slider2knob1').value = "M";
											  document.getElementById('slider2knob2').value = "D";

											   // - Slider 3 -----------------------------------------
											  mySlider3 = new Bs_Slider();
											  mySlider3.width         = 312;
											  mySlider3.height        = 13;
											  mySlider3.imgDir = 'images/';
											  mySlider3.setBackgroundImage('background.gif', 'no-repeat');
											  mySlider3.setBackgroundImageLeft('background.gif', 'no-repeat');
											  mySlider3.attachOnChange(bsSliderChange3);
												
											  mySlider3.fieldName     = 'slider3_start';
											  mySlider3.minVal        = 1;
											  mySlider3.maxVal        = 7;
											  mySlider3.valueInterval = 0.1;
											  mySlider3.valueDefault  = 1;
											  mySlider3.setSliderIcon('slider.gif', 20, 15);
											  mySlider3.useInputField = 0;
											  mySlider3.styleValueFieldClass = 'sliderInput';
											  mySlider3.colorbar = new Object({ color:'#F0A3A3', height:9, widthDifference:0, offsetLeft:1, offsetTop:1 });
												
											  mySlider3.useSecondKnob  = true;
											  mySlider3.wheelAmount    = 0; //disable mouse wheeling cause we have 2 knobs.
												
											  mySlider3.fieldName2     = 'slider3_end';
											  mySlider3.minVal2        = 1;
											  mySlider3.maxVal2        = 7;
											  mySlider3.valueInterval2 = 0.1;
											  mySlider3.valueDefault2  = 7;
											  mySlider3.setSliderIcon2('slider.gif', 20, 15);
											  mySlider3.useInputField2 = 0;
											  mySlider3.styleValueFieldClass2 = 'sliderInput';
											  mySlider3.colorbar2 = new Object({ color:'#F0A3A3', height:9, widthDifference:0, offsetLeft:0, offsetTop:1 });
												
											  mySlider3.drawInto('sliderDiv3');
											
											  document.getElementById('slider3knob1').value = "SI2";
											  document.getElementById('slider3knob2').value = "IF";
											  document.getElementById('slider3knob1').size = 2;
											  document.getElementById('slider3knob2').size = 1;

											   // - Slider 4 -----------------------------------------
											  mySlider4 = new Bs_Slider();
											  mySlider4.width         = 312;
											  mySlider4.height        = 13;
											  mySlider4.imgDir = 'images/';
											  mySlider4.setBackgroundImage('background.gif', 'no-repeat');
											  mySlider4.setBackgroundImageLeft('background.gif', 'no-repeat');
											  mySlider4.attachOnChange(bsSliderChange4);
												
											  mySlider4.fieldName     = 'slider4_start';
											  mySlider4.minVal        = 0;
											  mySlider4.maxVal        = 72;
											  mySlider4.valueInterval = 1;
											  mySlider4.valueDefault  = 0;
											  mySlider4.setSliderIcon('slider.gif', 20, 15);
											  mySlider4.useInputField = 0;
											  mySlider4.styleValueFieldClass = 'sliderInput';
											  mySlider4.colorbar = new Object({ color:'#F0A3A3', height:9, widthDifference:0, offsetLeft:1, offsetTop:1 });
																					
											  mySlider4.useSecondKnob  = true;
											  mySlider4.wheelAmount    = 0; //disable mouse wheeling cause we have 2 knobs.
												
											  mySlider4.fieldName2     = 'slider4_end';
											  mySlider4.minVal2        = 0;
											  mySlider4.maxVal2        = 72;
											  mySlider4.valueInterval2 = 1;
											  mySlider4.valueDefault2  = 72;
											  mySlider4.setSliderIcon2('slider.gif', 20, 15);
											  mySlider4.useInputField2 = 0;
											  mySlider4.styleValueFieldClass2 = 'sliderInput';
											  mySlider4.colorbar2 = new Object({ color:'#F0A3A3', height:9, widthDifference:0, offsetLeft:0, offsetTop:1 });
												
											  mySlider4.drawInto('sliderDiv4');

											  document.getElementById('slider4Textknob1').value = "0.25";
											  document.getElementById('slider4Textknob2').value = "7+";
											  document.getElementById('slider4Textknob1').style.cssText = "border:0;font-weight:bold;";
											  document.getElementById('slider4Textknob2').style.cssText = "border:0;font-weight:bold;";
											  document.getElementById('slider4knob1').style.cssText = "float:left;border:0;position:absolute;top:490px;width:18px;height:18px;	z-index:1;left:432px;";
											  document.getElementById('slider4knob2').style.cssText = "float:left;border:0;position:absolute;top:490px;width:18px;height:18px;	z-index:1;left:727px;";

											   // - Slider 5 -----------------------------------------
											  mySlider5 = new Bs_Slider();
											  mySlider5.width         = 312;
											  mySlider5.height        = 13;
											  mySlider5.imgDir = 'images/';
											  mySlider5.setBackgroundImage('background.gif', 'no-repeat');
											  mySlider5.setBackgroundImageLeft('background.gif', 'no-repeat');
											  mySlider5.attachOnChange(bsSliderChange5);
												
											  mySlider5.fieldName     = 'slider5_start';
											  mySlider5.minVal        = 0;
											  mySlider5.maxVal        = 16;
											  mySlider5.valueInterval = 1;
											  mySlider5.valueDefault  = 0;
											  mySlider5.setSliderIcon('slider.gif', 20, 15);
											  mySlider5.useInputField = 0;
											  mySlider5.styleValueFieldClass = 'sliderInput';
											  mySlider5.colorbar = new Object({ color:'#F0A3A3', height:9, widthDifference:0, offsetLeft:1, offsetTop:1 });
																					
											  mySlider5.useSecondKnob  = true;
											  mySlider5.wheelAmount    = 0; //disable mouse wheeling cause we have 2 knobs.
												
											  mySlider5.fieldName2     = 'slider5_end';
											  mySlider5.minVal2        = 0;
											  mySlider5.maxVal2        = 16;
											  mySlider5.valueInterval2 = 1;
											  mySlider5.valueDefault2  = 16;
											  mySlider5.setSliderIcon2('slider.gif', 20, 15);
											  mySlider5.useInputField2 = 0;
											  mySlider5.styleValueFieldClass2 = 'sliderInput';
											  mySlider5.colorbar2 = new Object({ color:'#F0A3A3', height:9, widthDifference:0, offsetLeft:0, offsetTop:1 });
												
											  mySlider5.drawInto('sliderDiv5');

											  document.getElementById('slider5Textknob1').value = "20,000";
											  document.getElementById('slider5Textknob2').value = "800,000+";
											  document.getElementById('slider5Textknob1').style.cssText = "border:0;font-weight:bold;";
											  document.getElementById('slider5Textknob2').style.cssText = "border:0;none;font-weight:bold;";
											  document.getElementById('slider5knob1').style.cssText = "float:left;border:0;position:absolute;top:530px;width:100px;height:18px;	z-index:1;left:432px;";
											  document.getElementById('slider5knob2').style.cssText = "float:left;border:0;position:absolute;top:530px;width:100px;height:18px;	z-index:1;left:684px;";

											  document.getElementById('txtShape').value = "Round";

											  document.getElementById("loading").style.display = 'none';
											  document.getElementById("txtHint").style.display = 'none';
											 
											  // showCustomer();			
											}



											function bsSliderChange(sliderObj, val, newPos, knobNumber) { 
												var strShow, intSize, strColor;

												if (val>=1 && val<1.8) {
													strShow = "Fair";
													intSize = 2;
													if (val==1) {
														if (knobNumber==1)	strColor = "black";
														else strColor = "pink";
													}	
													else {
														if (knobNumber==1)	strColor = "pink";
														else strColor = "black";
													}
													}
												if (val>=1.8 && val<2.8) {
													strShow = "Good";
													intSize = 3;
													if (val==1.8) {
														if (knobNumber==1)	strColor = "black";
														else strColor = "pink";
													}	
													else {
														if (knobNumber==1)	strColor = "pink";
														else strColor = "black";
													}
													}
												if (val>=2.8 && val<4) {
													strShow = "Very Good";
													intSize = 9;
													if (val==2.8) {
														if (knobNumber==1)	{
															strColor = "black";
															document.getElementById("Excellent").style.color= "black";
															}

														else {
															strColor = "pink";
															document.getElementById("Excellent").style.color= "pink";
															}
													}	
													else {
														if (knobNumber==1)	strColor = "pink";
														else strColor = "black";
													}
													}
												if (val==4) {
													strShow = "Excellent";
													intSize = 3;
													if (knobNumber==1)	strColor = "pink";
														else strColor = "black";
													}
												
												document.getElementById('slider1knob'+knobNumber).value = strShow;
												document.getElementById('slider1knob'+knobNumber).size = intSize;
												document.getElementById(strShow).style.color= strColor;
												showCustomer();
										    }
											
											function bsSliderChange2(sliderObj, val, newPos, knobNumber) { 
											    var strShow, strColor;
												if (val>=1 && val<2) {
													strShow = "M";
													if (val==1) {
														if (knobNumber==1)	strColor = "black";
														else strColor = "pink";
													}	
													else {
														if (knobNumber==1)	strColor = "pink";
														else strColor = "black";
													}
													}
												if (val>=2 && val<3) {
													strShow = "L";
													if (val==2) {
														if (knobNumber==1)	strColor = "black";
														else strColor = "pink";
													}	
													else {
														if (knobNumber==1)	strColor = "pink";
														else strColor = "black";
													}
													}
												if (val>=3 && val<4) {
													strShow = "K";
													if (val==3) {
														if (knobNumber==1)	strColor = "black";
														else strColor = "pink";
													}	
													else {
														if (knobNumber==1)	strColor = "pink";
														else strColor = "black";
													}
													}
												if (val>=4 && val<5) {
													strShow = "J";
													if (val==4) {
														if (knobNumber==1)	strColor = "black";
														else strColor = "pink";
													}	
													else {
														if (knobNumber==1)	strColor = "pink";
														else strColor = "black";
													}
													}
												if (val>=5 && val<6) {
													strShow = "I";
													if (val==5) {
														if (knobNumber==1)	strColor = "black";
														else strColor = "pink";
													}	
													else {
														if (knobNumber==1)	strColor = "pink";
														else strColor = "black";
													}
													}
												if (val>=6 && val<7) {
													strShow = "H";
													if (val==6) {
														if (knobNumber==1)	strColor = "black";
														else strColor = "pink";
													}	
													else {
														if (knobNumber==1)	strColor = "pink";
														else strColor = "black";
													}
													}
												if (val>=7 && val<8) {
													strShow = "G";
													if (val==7) {
														if (knobNumber==1)	strColor = "black";
														else strColor = "pink";
													}	
													else {
														if (knobNumber==1)	strColor = "pink";
														else strColor = "black";
													}
													}
												if (val>=8 && val<9) {
													strShow = "F";
													if (val==8) {
														if (knobNumber==1)	strColor = "black";
														else strColor = "pink";
													}	
													else {
														if (knobNumber==1)	strColor = "pink";
														else strColor = "black";
													}
													}
												if (val>=9 && val<10) {
													strShow = "E";
													if (val==9) {
														if (knobNumber==1)	{
															strColor = "black";
															document.getElementById("D").style.color= "black";
															}

														else {
															strColor = "pink";
															document.getElementById("D").style.color= "pink";
															}
													}	
													else {
														if (knobNumber==1)	strColor = "pink";
														else strColor = "black";
													}
													}
												if (val==10) {
													strShow = "D";
													if (knobNumber==1)	strColor = "pink";
													else strColor = "black";
													}	
												
												document.getElementById('slider2knob'+knobNumber).value = strShow;
												document.getElementById(strShow).style.color= strColor;
												showCustomer();
											}

											function bsSliderChange3(sliderObj, val, newPos, knobNumber) { 
											    var strShow, intSize, strColor;
												if (val>=1 && val<2) {
													strShow = "SI2";
													intSize = 2;
													if (val==1) {
														if (knobNumber==1)	strColor = "black";
														else strColor = "pink";
													}	
													else {
														if (knobNumber==1)	strColor = "pink";
														else strColor = "black";
													}
													}
												if (val>=2 && val<3) {
													strShow = "SI1";
													intSize = 2;
													if (val==2) {
														if (knobNumber==1)	strColor = "black";
														else strColor = "pink";
													}	
													else {
														if (knobNumber==1)	strColor = "pink";
														else strColor = "black";
													}
													}
												if (val>=3 && val<4) {
													strShow = "VS2";
													intSize = 2;
													if (val==3) {
														if (knobNumber==1)	strColor = "black";
														else strColor = "pink";
													}	
													else {
														if (knobNumber==1)	strColor = "pink";
														else strColor = "black";
													}
													}
												if (val>=4 && val<5) {
													strShow = "VS1";
													intSize = 2;
													if (val==4) {
														if (knobNumber==1)	strColor = "black";
														else strColor = "pink";
													}	
													else {
														if (knobNumber==1)	strColor = "pink";
														else strColor = "black";
													}
													}
												if (val>=5 && val<6) {
													strShow = "VVS2";
													intSize = 4;
													if (val==5) {
														if (knobNumber==1)	strColor = "black";
														else strColor = "pink";
													}	
													else {
														if (knobNumber==1)	strColor = "pink";
														else strColor = "black";
													}
													}
												if (val>=6 && val<7) {
													strShow = "VVS1";
													intSize = 4;
													if (val==6) {
														if (knobNumber==1)	{
															strColor = "black";
															document.getElementById("IF").style.color= "black";
															}

														else {
															strColor = "pink";
															document.getElementById("IF").style.color= "pink";
															}
													}	
													else {
														if (knobNumber==1)	strColor = "pink";
														else strColor = "black";
													}
													}
												if (val==7) {
													strShow = "IF";
													intSize = 1;
													if (knobNumber==1)	strColor = "pink";
													else strColor = "black";
													}	
												
												document.getElementById('slider3knob'+knobNumber).value = strShow;
												document.getElementById('slider3knob'+knobNumber).size = intSize;
												document.getElementById(strShow).style.color= strColor;
												showCustomer();
											}

											function bsSliderChange4(sliderObj, val, newPos, knobNumber) { 
												var arrCarat =  new Array("0.25","0.27","0.29","0.31","0.33","0.35","0.37","0.39","0.41","0.43","0.45","0.47","0.49","0.51","0.53","0.55","0.57","0.59","0.61","0.63","0.65","0.67","0.69","0.71","0.73","0.75","0.78","0.81","0.84","0.87","0.90","0.93","0.96","0.99","1.02","1.05","1.08","1.11","1.14","1.17","1.20","1.23","1.26","1.29","1.32","1.35","1.38","1.41","1.44","1.47","1.50","1.75","2.00","2.25","2.50","2.75","3.00","3.25","3.50","3.75","4.00","4.25","4.50","4.75","5.00","5.25","5.50","5.75","6.00","6.25","6.50","6.75","7+");
												 document.getElementById('slider4Textknob'+knobNumber).value = arrCarat[val];
												document.getElementById('slider4knob'+knobNumber).style.cssText = "float:left;border:0;position:absolute;top:490px;width:18px;height:18px;	z-index:1;left:" + (newPos + 434) + "px;";
												showCustomer();

											}

											function bsSliderChange5(sliderObj, val, newPos, knobNumber) { 
												var arrPrice = new Array("20,000","50,000","100,000","150,000","200,000","250,000","300,000","350,000","400,000","450,000","500,000","550,000","600,000","650,000","700,000","750,000","800,000+");
												document.getElementById('slider5Textknob'+knobNumber).value = arrPrice[val];
												if (arrPrice[val].length < 7) document.getElementById('slider5knob'+knobNumber).style.cssText = "float:left;border:0;position:absolute;top:530px;width:18px;height:18px;	z-index:1;left:" + (newPos + 432) + "px;";
												else document.getElementById('slider5knob'+knobNumber).style.cssText = "float:left;border:0;position:absolute;top:530px;width:18px;height:18px;	z-index:1;left:" + (newPos + 392) + "px;";
												showCustomer();
											}

										function doShowText(strShowText){
											document.getElementById('txtShape').value = strShowText;
											showCustomer();
										}