window.onload = function () {
	var container = $('div.sliderGallery');
	
	if( !container )
	{
		return;
	}
	var ul = $('ul', container);
	
    var itemsWidth = ul.innerWidth() - container.outerWidth();
    
    var imgs = $( 'img', ul );
    
    imgs.mouseover( function( event ) {
        $( '#szoveg' ).html( event.target.title );
    });
    
    imgs.mouseout( function() {
        $( '#szoveg' ).html( '' );
    });
	
	$('.slider', container).slider({
		min: 0,
		max: itemsWidth,
		handle: '.handle',
		stop: function (event, ui) {
			ul.animate({'left' : ui.value * -1}, 500);
		},
		slide: function (event, ui) {
			ul.css('left', ui.value * -1);
		}
	});
};