<!doctype>
<html>
<head>
	<title>The Evolution of Trust</title>
	<link rel="stylesheet" href="css/slides.css">
</head>
<body>
	<div id="main">
		<div id="slideshow"></div>
	</div>
	<div id="footer">
		<div id="select"></div>
	</div>
</body>
</html>

<!-- Libraries -->
<script src="js/lib/helpers.js"></script>
<script src="js/lib/pegasus.min.js"></script>
<script src="js/lib/minpubsub.src.js"></script>
<script src="js/lib/q.js"></script>
<script src="js/lib/pixi.min.js"></script>
<script>var createjs = window;</script>
<script src="js/lib/tweenjs-0.6.2.min.js"></script>
<script>Ticker.framerate=60;</script>

<!-- Core Engine -->
<script src="js/core/Loader.js"></script>
<script src="js/core/Slideshow.js"></script>
<script src="js/core/SlideSelect.js"></script>
<script src="js/core/Button.js"></script>
<script src="js/core/TextBox.js"></script>
<script src="js/core/Words.js"></script>

<!-- Simulations -->
<script src="js/sims/PD.js"></script>
<script src="js/sims/SillyPixi.js"></script>
<script src="js/sims/Tournament.js"></script>

<!-- Slides -->
<script src="js/slides/Slides_Ecology.js"></script>

<!-- Main Code -->
<script>
var slideshow, slideSelect;
window.onload = function(){

	Q.all([
		Loader.loadAssets(Loader.manifest),
		Words.convert("lang/en.html")
	]).then(function(){

		// Slideshow
		slideshow = new Slideshow({
			dom: $("#slideshow"),
			slides: SLIDES
		});

		// Slide Select
		slideSelect = new SlideSelect({
			dom: $("#select"),
			slides: SLIDES
		});

		// First slide!
		slideshow.nextSlide();
		//slideshow.gotoSlide("intro1");

	});

};
</script>