$(document).ready(function(){
	function setupHdSize() {
		var lblMin = $('#hdSize span.min');
		var lblMax = $('#hdSize span.max');
		$('#hdSize div.slider').sliderx({
			init: function (slider) {
				NAVSTATE.sliders.hdSize = slider;
			},
			change : function ( value, selection) {
				NAVSTATE.selection.hdSize.min = selection[0] ;
				NAVSTATE.selection.hdSize.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
		});
	}

	setupHdSize();
})