​

var maxDenominator = 16;

var maxWholeCases = 50;

​

function toFraction(sliderValue){

  var amount = sliderValue / maxDenominator;

​

  var whole = Math.floor(amount);

  var fractional = "";

  if (amount - whole)

     fractional =  fractApprox(amount - whole, maxDenominator);

  return whole + " " + fractional + " cases";

}

​

    $(function() {

        $("#slider").slider({

            value:10 * maxDenominator,

            min: 0,

            max: maxWholeCases * maxDenominator,

            slide: function(event, ui) {

                $("#amount").val(toFraction(ui.value));

            }

        });

        $("#amount").val(toFraction($("#slider").slider("value")));

    });

​

​

// from http://www.geneffects.com/briarskin/programming/newJSMathFuncs.html#fractApprox

​

function fractApprox(x,maxDenominator) {

    // Created 1997 by Brian Risk.  http://brianrisk.com

    maxDenominator = parseInt(maxDenominator);

    var approx = 0;

    var error = 0;

    var best = 0;

    var besterror = 0;

    for (var i=1; i <= maxDenominator; i++) {

        approx = Math.round(x/(1/i));

        error = (x - (approx/i))

        if (i==1) {best = i; besterror = error;}

        if (Math.abs(error) < Math.abs(besterror)) 

            {best = i; besterror = error;}

    }

    return (Math.round(x/(1/best)) + "/" + best);

}

​