$(document).ready(function(){

				// Accordion
				$("#accordion").accordion({ 
					header: "h4",
					autoHeight: false
				});
				
				//hover states on the static widgets
				$('#dialog_link, ul#icons li').hover(
					function() { $(this).addClass('ui-state-hover'); }, 
					function() { $(this).removeClass('ui-state-hover'); }
				);
				
				$('#screen').serialScroll({
					items:'li',
					//prev:'a#special-single-prev',
					//next:'a#special-single-next',
					navigation: '#accordion h4',
					offset:0, //when scrolling to photo, stop 230 before reaching it (from the left)
					start:0, //as we are centering it, start at the 2nd
					duration:300,
					force:true,
					stop:true,
					lock:false,
					cycle:true, //don't pull back once you reach the end
					jump: false, //click on the images to scroll to them
						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
						 */
						
					}

				});

				

});