jQuery(function(){
	jQuery('#primary').serialScroll({
		target:'#query-posts-2',
		items:'div.post', // Selector to the items ( relative to the matched elements, '#sections' in this case )
		prev:'img.prev',// Selector to the 'prev' button (absolute!, meaning it's relative to the document) 
		next:'img.next',// Selector to the 'next' button (absolute too) 
		axis:'y',// The default is 'y' scroll on both ways 
		duration:700,// Length of the animation (if you scroll 2 axes and use queue, then each axis take half this time) 
		force:true, // Force a scroll to the element specified by 'start' (some browsers don't reset on refreshes) 
		onBefore: function(e, elem, $pane, $items, pos){
			/**
			 * 'this' is the triggered element
			 * e is the event object
			 * elem is the element we'll be scrolling to
			 * $pane is the element being scrolled
			 * $items is the items collection at this moment
			 * pos is the position of elem in the collection
			 * if it returns false, the event will be ignored
			 */
			 //those arguments with a $ are jqueryfied, elem isn't. 
			 e.preventDefault(); 
			 	if( this.blur ) 
					this.blur(); 
		},
		onAfter: function(elem){
				//'this' is the element being scrolled ($pane) not jqueryfied 
		}
	})
});

jQuery(function(){
 	// ***
 	// Scrolling background
 	// ***
 	// height of background image in pixels
 	var backgroundheight = 1656; //this is actually the width in this case
 	// get the current minute/hour of the day
	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() {
 	// decrease the offset by 1, or if its less than 1 increase it by the background height minus 1
 	offset = (offset < 1) ? offset + (backgroundheight - 1) : offset - 1;
 	// apply the background position
 	jQuery('#wrapper').css("background-position","-" + offset + "px " + "280px");
 	// call self to continue animation
 	setTimeout(function() {
 	scrollbackground();
 	}, 150
 	);
 	}
 	// Start the animation
 	scrollbackground(); 		
});