GalleryView plugin

I had a thread quite similar to this a few weeks ago so thought I would be able to manage this myself however I cant seem to fix it unfortunately.

I am trying to implement this:

http://spaceforaname.com/galleryview#

http://spaceforaname.com/gallery-light.html

Here is the view source from my attempt:

http://pastebin.com/WfNrJ6sz

From my reckoning I have included jquery and additional necessary .js stuff, linked the css file correctly, included the correct HTML and executed the script. What I am presented with is white space, that is all.

One thing that springs to mind for me is including the script in the footer.php:

<script type="text/javascript">
	$(document).ready(function(){
		$('#photos').galleryView({
			panel_width: 800,
			panel_height: 300,
			frame_width: 100,
			frame_height: 100
		});
	});
</script>

Do I need to include this again elsewhere to ‘execute?’ In this format?

$('#photos').galleryView({
			panel_width: 800,
			panel_height: 300,
			frame_width: 100,
			frame_height: 100
		});

Complete guess as im an idiot. Any help or suggestions welcome, thanks.