$(document).ready(function(){
	function setupCapacity() {
		var lblMin = $('#capacity span.min');
		var lblMax = $('#capacity span.max');
		$('#capacity div.slider').sliderx({
			init: function (slider) {
				NAVSTATE.sliders.capacity = slider;
			},
			change : function ( value, selection) {
				NAVSTATE.selection.capacity.min = selection[0] ;
				NAVSTATE.selection.capacity.max = selection[1] ;
				$.historyLoad(NAVSTATE.getNavState());
			},
			slide : function ( value, selection) {
				lblMin.text(Math.round(value[0]));
				lblMax.text(Math.round(value[1]));
			},
			steps : [1,4,8,16],
			rangeMin : 0,
			rangeMax : 200
		});
	}

	setupCapacity();
})