Subversion Repositories SmartDukaan

$(document).ready(function(){

  //    minPrice        = 10550;
  //    maxPrice        = 41500;
  //    stepPrice       = 10;
        
  // These two values are for filter by
  range1 = minPrice;
  range2 = maxPrice;
        
  $("#slider-range").slider({
    range       : true,
    min         : 100,
    max         : 30000,
    values      : [minPrice, maxPrice],
    step        : stepPrice,
    slide       : function( event, ui ) {
                
                        
      handle1_Pos = $("#slider-range a.ui-slider-handle").eq(0).css("left");
      handle2_Pos = $("#slider-range a.ui-slider-handle").eq(1).css("left");
      posDiff   = handle2_Pos.substr(0, handle2_Pos.length-1) - handle1_Pos.substr(0, handle1_Pos.length-1);
      //valDiff         = ui.values[1] - ui.values[0];
                        
      if(posDiff > 30){
        $("#priceRange1").css("left", handle1_Pos.substr(0, handle1_Pos.length-1) + "px");
        $("#priceRange2").css("left", handle2_Pos.substr(0, handle2_Pos.length-1) + "px");
      }
                        
      $("#priceRange1").text(formatedValue(ui.values[0]));
      $("#priceRange2").text(formatedValue(ui.values[1]));
    },
    stop        : function( event, ui){
      range1 = ui.values[0];
      range2 = ui.values[1];
                        
      //alert("Price Range 1 : " + range1 + "\nPrice Range 2 : " + range2 + priceUrl);

      window.location =  priceUrl + "&min-price=" + range1 + "&max-price=" + range2;

    }
  });
  handle1_Pos = $("#slider-range a.ui-slider-handle").eq(0).css("left");
  handle2_Pos = $("#slider-range a.ui-slider-handle").eq(1).css("left");
  if (handle2_Pos != undefined && handle1_Pos != undefined) {
    posDiff = handle2_Pos.substr(0, handle2_Pos.length - 1) - handle1_Pos.substr(0, handle1_Pos.length - 1);
    leftPos = handle1_Pos.substr(0, handle1_Pos.length - 1);
    rightPos = handle2_Pos.substr(0, handle2_Pos.length - 1);
    if (posDiff < 30) {
      if (leftPos < 15) {
        rightPos = rightPos - (-30);
      } else if (rightPos > 85) {
        leftPos = leftPos - 30;
      } else {
        leftPos = leftPos - 15;
        rightPos = rightPos - (-15);
      }
    }

    $("#priceRange1").css("left", leftPos + "px");
    $("#priceRange2").css("left", rightPos + "px");

    $("#priceRange1").text(
      formatedValue($("#slider-range").slider("values", 0)));
    $("#priceRange2").text(
      formatedValue($("#slider-range").slider("values", 1)));
  }
});

function formatedValue(val){
  var num = $().number_format(val,{
    numberOfDecimals:0,
    decimalSeparator: '.',
    thousandSeparator: ','
  });
        
  return num;
}