			$(document).ready(function(){
				$("#q").blur(function(){
					$("#q").val("search");
				});
				$("#q").focus(function(){
					$("#q").val("");
				});
				
				$.easing.easeOutQuart = function (x, t, b, c, d) {
					return -c * ((t=t/d-1)*t*t*t - 1) + b;
				};
				
				
				var $last = $([]);
				
				$('#slider').serialScroll({
					target:'#thumbs',
					items:'li', //selector to the items ( relative to the matched elements, '#sections' in this case )
					prev:'#thumbNav a.prev',
					next:'#thumbNav a.next',
					axis:'y',//the default is 'y'
					queue:false,//we scroll on both axes, scroll both at the same time.
					stop:true,//each click will stop any previous animations of the target. (false by default)
					duration:1000,//length of the animation (if you scroll 2 axes and use queue, then each axis take half this time)
					start: 0, //on which element (index) to begin ( 0 is the default, redundant in this case )
					force:true, //force a scroll to the element specified by 'start' (some browsers don't reset on refreshes)
					jump:true, //if true, items become clickable (or w/e 'event' is, and when activated, the pane scrolls to them)
					easing:'easeOutQuart',
					interval:7500, //it's the number of milliseconds to automatically go to the next
					hash:false,
					onBefore:function(e, elem, $pane, $items, pos){
						$('#thumbs .details').fadeOut('fast');
						/**
						 * '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.
					},
					onAfter:function(elem, $pane){
						$('#thumbs .details').fadeIn('slow');
						//'this' is the element being scrolled ($pane) not jqueryfied
						//elem.fadeIn('fast');
					}
				});
				$('#thumbs .details a, #thumbs li a').click(function(){
					var go = this.href;
					window.location = go;
				});
			
			});	