window.onload = function () {
            var container = $('div.sliderGallery');
            var ul = $('ul', container);
            
            var itemsWidth = ul.innerWidth() - container.outerWidth();
            
            $('.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);
                }
            });
        };

		

	    $(document).ready(function() { 
	        $('div#slide').cycle({ 
	        fx:     'fade', 
		    speedIn:  1000, 
		    speedOut: 1000, 
		    delay:   -4000,
		    timeout: 7000
	        });
		});
		
		$(document).ready(function() { 
	        $('div#page-header').cycle({ 
	        fx:     'fade', 
		    speedIn:  1000, 
		    speedOut: 1000, 
		    delay:   -4000,
		    timeout: 7000
	        });
		});