/* Author: Michael Reader
 * Web: m-reader.co.uk
 */
 
jQuery(function( $ ){

	// borrowed from jQuery easing plugin
	// http://gsgd.co.uk/sandbox/jquery.easing.php
	$.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)
	$('div.pane').scrollTo( 0 );
	// Reset the screen to (0,0)
	$.scrollTo( 0 );
	
	
	// Target bindings
	var $paneTarget = $('#container');
	
	$('.goto').click(function(event){
		event.preventDefault();
		var goto = $(this).attr('rel');
		var target = $paneTarget.find('#'+goto);
		$('body').stop().scrollTo( target, 800, { queue:true } );
	});
	
	// back links
	$('a.back').click(function(event){
		event.preventDefault();
		$('body').stop().scrollTo( 0, 800, { queue:true } );
		return false;
	});

	$(".project").hover(function() { // Based on neat trick by Soh Tanaka http://twitter.com/SohTanaka
		
		var thumbOver = $(this).find("img").attr("src"); // Get image url and assign it to 'thumbOver'
	
		// Set a background image(thumbOver) on the <a> tag - Set position to bottom
		$(this).find("a.thumb").css({'background' : 'url(' + thumbOver + ') no-repeat left bottom'});
	
		// Animate the image to 0 opacity (fade it out)
		$(this).find("span").stop().fadeTo('fast', 0 , function() {
			$(this).hide() //Hide the image after fade
		});
		} , function() { // on hover out...
		// Fade the image to full opacity 
		$(this).find("span").stop().fadeTo('slow', 1).show();
	});

});