<!DOCTYPE html>
<html lang="de">

<head>
<meta charset="utf-8">
<title>Interlude</title>
</head>

 <link href="css/interlude.css" media="screen" rel="stylesheet" type="text/css" /> 

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.min.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>

<script src="lib/interlude.js"></script>
<script src="lib/CV_particles.js"></script>  

<style>
	#sample
	{
	position: absolute;
	left: 10%;
	top:  10%;
	width: 80%;
	height: 80%;
	background: yellow;	
	} 
</style>



<script>
	function start() {
		var o = {};
		o.div 		= "sample";
		o.centered	= true;
		// var a = new Interlude.Loading(o);
		
		// var x = new Interlude.Forms(o);
		
		
		var p = {};
		p.div = "sample";
		var z = new Particles(p);
		
		
	};


	$( document ).ready(function() {
		
		$("#sample").click(function(){
		start();
		});


	});


		
	
</script>


<body>

<!-- Invisible comment -->

<div id = "sample"></div>


</body>

</html>