$(document).ready(function(){
	function setupSize() {
		var lblMin = $('#size span.min');
		var lblMax = $('#size span.max');
		$('#size div.slider').sliderx({
			init: function (slider) {
				NAVSTATE.sliders.size = slider;
			},
			change : function ( value, selection) {
				NAVSTATE.selection.size.min = selection[0] ;
				NAVSTATE.selection.size.max = selection[1] ;
				$.historyLoad(NAVSTATE.getNavState());
			},
			slide : function ( value, selection) {
				lblMin.text(Math.round(value[0]));
				lblMax.text(Math.round(value[1]));
			},
			steps : [5,10,15,20],
			rangeMin : 0,
			rangeMax : 100
		});
	}

	setupSize();
})