$(document).ready(function() {
    
	$(document).ready(function() {
		$(function(){
			var backgroundheight = 2148;
			var now = new Date();
			var hour = now.getHours();
			var minute = now.getMinutes();
			// work out how far through the day we are as a percentage - e.g. 6pm = 75%
			var hourpercent = hour / 24 * 100;
			var minutepercent = minute / 60 / 24 * 100;
			var percentofday = Math.round(hourpercent + minutepercent);
			// calculate which pixel row to start graphic from based on how far through the day we are
			var offset = backgroundheight / 100 * percentofday;

			// graphic starts at approx 6am, so adjust offset by 1/4
			var offset = offset - (backgroundheight / 4);

			function scrollbackground() {
				offset = (offset < 1) ? offset + (backgroundheight + 1) : offset + 1;
				$('#image').css("background-position", offset + "px" + " 0");
				$('html').css("background-position", offset + "px" + " 0");
				setTimeout(function() {scrollbackground();}, 100);
			}
			scrollbackground();
		});
	});

});