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");
        
        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;
}