var input_timer;
var input_trackbar;
var input_value;

function trackbar(div, opt, id, width)
{
  var options = $.extend({
    //clearLimits: true,
    clearValues: true,
    width: width,
    widthRem: 13,
    leftValue: $('#price_start').val(),
    rightValue: $('#price_end').val(),
    onMove: function(){
      $('#price_start').val(this.leftValue);
      $('#price_end').val(this.rightValue);
    }
  }, opt);
  $('.trackbar').trackbar(options, id);
  
  $('#price_start').bind('keyup', function(){
    clearTimeout(input_timer);
    input_trackbar = $.trackbar.getObject(id);
    input_value = this.value;
    input_timer = setTimeout('trackbar_update("left")', 2000);
  });
  $('#price_end').bind('keyup', function(){
    clearTimeout(input_timer);
    input_trackbar = $.trackbar.getObject(id);
    input_value = this.value;
    input_timer = setTimeout('trackbar_update("right")', 2000);
  });
  /*div.find('em, small').bind('click', function(){
    var value = parseFloat(this.innerHTML.replace(/[^0-9\.]/, ''));
    $.trackbar.getObject(id).updateLeftValue(value);
    $.trackbar.getObject(id).updateRightValue(value);
    $.trackbar.getObject(id).updateLeftValue(value);
    $.trackbar.getObject(id).onMove();
  });*/
}

function trackbar_update(side) {
    value = (parseFloat(input_value) ? parseFloat(input_value) : 0);
    if (side == 'left') {
      input_trackbar.updateLeftValue(value);
    } else if (side == 'right') {
      input_trackbar.updateRightValue(value);
    }
    input_trackbar.onMove();
}