Flip Book using HTML5 & Javascript

Hi...

I am attempting to present images in a flip book within a version 8 survey. It uses HTML5 and Javascript. I can get the flip book working in a HTML page on my server but can't seem to get it working on a page with a sawtooth survey.

Here is the script pasted into the page header...

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="http://www.surveyhelp.com.au/st8/PageTurn/graphics/turn.min.js"></script>
<style type="text/css">
body{
	background:#ccc;
}
#magazine{
	width:1152px;
	height:752px;
}
#magazine .turn-page{
	background-color:#ccc;
	background-size:100% 100%;
}
</style>

<div id="magazine">
	<div style="background-image:url('http://www.surveyhelp.com.au/st8/PageTurn/graphics/img1.jpg');"></div>
	<div style="background-image:url('http://www.surveyhelp.com.au/st8/PageTurn/graphics/img2.jpg');"></div>
	<div style="background-image:url('http://www.surveyhelp.com.au/st8/PageTurn/graphics/img3.jpg');"></div>
	<div style="background-image:url('http://www.surveyhelp.com.au/st8/PageTurn/graphics/img4.jpg');"></div>	
	<div style="background-image:url('http://www.surveyhelp.com.au/st8/PageTurn/graphics/img5.jpg');"></div>
	<div style="background-image:url('http://www.surveyhelp.com.au/st8/PageTurn/graphics/img6.jpg');"></div>
	<div style="background-image:url('http://www.surveyhelp.com.au/st8/PageTurn/graphics/img7.jpg');"></div>
	<div style="background-image:url('http://www.surveyhelp.com.au/st8/PageTurn/graphics/img8.jpg');"></div>
	<div style="background-image:url('http://www.surveyhelp.com.au/st8/PageTurn/graphics/img9.jpg');"></div>
	<div style="background-image:url('http://www.surveyhelp.com.au/st8/PageTurn/graphics/img10.jpg');"></div>
	<div style="background-image:url('http://www.surveyhelp.com.au/st8/PageTurn/graphics/img11.jpg');"></div>
	<div style="background-image:url('http://www.surveyhelp.com.au/st8/PageTurn/graphics/img12.jpg');"></div>
</div>
<script type="text/javascript">

$(window).ready(function() {
$('#magazine').turn({
	display: 'double',
	acceleration: true,
	gradients: !$.isTouch,
	elevation:50,
when: {
	turned: function(e, page) {
/*console.log('Current view: ', $(this).turn('view'));*/
}
}
});
});

$(window).bind('keydown', function(e){

if (e.keyCode==37)
	$('#magazine').turn('previous');
	else if (e.keyCode==39)
	$('#magazine').turn('next');
			
});
</script>