$.easing.elasout = function(x, t, b, c, d) {
			var s=1.80158;var p=0;var a=c;
			if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
			if (a < Math.abs(c)) { a=c; var s=p/4; }
			else var s = p/(2*Math.PI) * Math.asin (c/a);
			return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
		};
$(document).ready(function() {
						   
$('#slideshow').serialScroll({
				items:'li',
				
				axis:'x',
				offset:5, //when scrolling to photo, stop 230 before reaching it (from the left)
				start:0, //as we are centering it, start at the 2nd
				duration:4000,
				force:true,
				stop:false,
				interval:4500,
				lock:false,
				exclude:2,
				wrap: { // Wrapper div used to style the modal regarding the content type
    div: '<div class="wrapper"></div>',
    ajax: '<div class="wrapper"></div>',
    form: '<div class="wrapper"></div>',
    formData: '<div class="wrapper"></div>',
    image: '<div class="wrapperImg"></div>',
    gallery: '<div class="wrapperImg"><a href="#" class="nyroModalPrev">Prev</a><a href="#"  class="nyroModalNext">Next</a></div>', // Use .nyroModalPrev and .nyroModalNext to set the navigation link
    swf: '<div class="wrapperSwf"></div>',
    iframe: '<div class="wrapperIframe"></div>',
    manual: '<div class="wrapper"></div>'
  },

				cycle:true, //don't pull back once you reach the end
				//use this easing equation for a funny effect
				jump: false //click on the images to scroll to them
			});
function preloadImg(image) {
			var img = new Image();
			img.src = image;
		}

		preloadImg('img/ajaxLoader.gif');
		preloadImg('img/prev.gif');
		preloadImg('img/next.gif');


});