<!-- Import jQuery-->
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript" charset="utf-8"></script>
 
	<script type="text/javascript" charset="utf-8">
 
			var scrollSpeed = 70; 		// Speed in milliseconds
			var step = 1; 				// How many pixels to move per step
			var current = 0;			// The current pixel row
			var imageHeight = 411;		// Background image height
			var headerHeight = 300;		// How tall the header is.
 
			//The pixel row where to start a new loop
			var restartPosition = -(imageHeight - headerHeight);
 
			function scrollBg(){
 
				//Go to next pixel row.
				current -= step;
 
 
				//If at the end of the image, then go to the bottom.
				if (current == restartPosition){
					current += step;
				}
 
				//Set the CSS of the header.
				$('#slideshow').css("background-position","0 "+current+"px");
 
 
			}
 
			//Calls the scrolling function repeatedly
			var init = setInterval("scrollBg()", scrollSpeed);
 
 
	</script>