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 * -1}, 620);
                },
                slide: function (event, ui) {
                    ul.css('left', ui.value * -1);
                }
            });
        };

			/* jQuery hoverImageText plugin usage */
				$(document).ready(function() {
					/* options can be found within the plugin js */
					/* to make animation slide down rather than up, remove 'marginTop' references */
					$.fn.HoverImageText.defaults.AnimShow = { marginTop: "0px", height: "show"};
					$.fn.HoverImageText.defaults.AnimHide = { marginTop: "31px", height: "hide"};
					/* activate HoverImageText */
					$('.imageLibrary a').HoverImageText();
				});