// $(document).ready(function() {
	
	// Hide slider while it loads in the background.
	$('.content').hide();

// });	
		var scrollSpeed = 50;       // Speed in milliseconds
		var step = 1;               // How many pixels to move per step
		var current = 0;            // The current pixel row
		var imageWidth = 352;     // Background image Width
		var headerWidth = 352;     // How wide the header is.
		
		//The pixel row where to start a new loop
		var restartPosition = -(imageWidth - headerWidth);
	
		function scrollBg(){
			 
				//Go to next pixel row.
				current -= step;
			 
				//If at the end of the image, then go to the top.
				if (current == restartPosition){
						current = 0;
				}
			 
				// Set the CSS of the header.
				// Reveal slider after a 1000ms delay
				$('.content').delay(2000).fadeIn('slow').css("background-position",current+"px"+" 90px")
			 
		}
				
		//Calls the scrolling function repeatedly
		var init = setInterval("scrollBg()", scrollSpeed);