window.onload = function () {
	var container = $('div.sliderGallery');
	var ul = $('ul', container);
	
	var itemsWidth = ul.innerWidth() - container.outerWidth();
	
	$('.slider', container).slider({
		minValue: 0,
		maxValue: itemsWidth,
		handle: '.handle',
		stop: function (event, ui) {
			ul.animate({'left' : ui.value * -18}, 500);
		},
		slide: function (event, ui) {
			ul.css('left', ui.value * -18);
		},
	});
	$('.slider', container).slider('moveTo','50','0');
};

/*$(function(){
			//accordion
			$('#accordion').accordion({
				header: ".ui-accordion-header",
				clearStyle: true,
				event: "mouseover"
			});

});*/