jQuery(function( $ ){

   

    
      $('#Slideshow').cycle({ 
       fx:     'fade',
       speed:  1200,
       timeout: 5000,
       cssBefore: { zIndex: 1 },
       cssAfter: {  zIndex: 1 },
       prev: ".Prev",
       next: ".Next"

});

     $('#Slideshow2').cycle({ 
       fx:     'fade',
       speed:  1200,
       timeout: 0,
       cssBefore: { zIndex: 1 },
       cssAfter: {  zIndex: 1 },
       prev: ".PrevVid",
       next: ".NextVid"

});


$.easing.easeout = function(x, t, b, c, d) {
			return -c*t*t/(d*d) + 2*c*t/d + b;
		}

$.easing.elasout = function(x, t, b, c, d) {
		var s=1.70158;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;
}
	
	// This one is important, many browsers don't reset scroll on refreshes
	// Reset all scrollable panes to (0,0)
	$(window).scrollTo( 0 );
	// Reset the screen to (0,0)
	$.scrollTo( 0 );
	
	// TOC, shows how to scroll the whole window
	$('.MainBtn').stop().click(function(e){//$.scrollTo works EXACTLY the same way, but scrolls the whole screen
		$.scrollTo( '#Main', 1200, { easing:'easeout' });
		e.preventDefault();
		return false;
	});
	$('.MusicBtn').stop().click(function(e){//$.scrollTo works EXACTLY the same way, but scrolls the whole screen
		$.scrollTo( '#Music', 1200, { easing:'easeout' });
		e.preventDefault();
		return false;
	});
	




	

});