window.onload = function () {	
            var container = $('div.sliderGallery');
            var ul = $('ul', container);
			var elementsWidth = 0;
			var slide_ev = 0;
			var stop_ev = 0;
			
			$('li', ul).each(function() { 
				elementsWidth = elementsWidth + ($(this).outerWidth());
			});	
			if(elementsWidth==0){elementsWidth = (ul.find('li').length)*133+30;}
            var itemsWidth = 0;
			itemsWidth = elementsWidth - container.outerWidth();
//alert(itemsWidth);
            $('.slider', container).slider({ 
				animate: 500,
                min: 0,
                max: itemsWidth,
				stop: function (event, ui) { //console.log('stop');
					slide_ev = 0; 
					if(stop_ev) { 
						stop_ev = 0; 
					} else {
						ul.animate({'left' : '-' + ui.value + 'px'}, 500 , 'linear');
					}
				},
                slide: function (event, ui) {
                    //ul.css('left', ui.value * -1); 
					//ul.css('left', '-' + ui.value + 'px');
					  //ul.animate({'left' : '-' + ui.value + 'px'}, 500 , 'linear'); //alert(event);
					if(slide_ev) { 
						ul.css('left', '-' + ui.value + 'px');
						stop_ev = 1;
					} else {
						slide_ev = 1;
					}
					//console.log(ui.value);
					//console.log('slide');
                }
            });  
			$('.ui-slider-handle').html('<span class="sliderimage"><!-- --></span>');
			
        };