Problem mit jQuery(nivo slider)

Hallo,

Ich habe ein Problem und zwar will ich eine Slideshow auf meiner Website einbauen.
Ich habe mir ein Tutorial angeschaut und habe es auf meiner Website nachgemacht.
Hier einmal der Code ohne Funktion:#

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Survival Games</title>
		<meta http-equiv="Content-Type"
		content="text/html; charset=ISO-8859-15" />
		<link rel="stylesheet" href="style.css"
		type="text/css" media="screen" />
	</head>
	<body>
	
	<div id="website">
		<div id="navi">
		<ul>
			<li class="active">
			<a href="index.html" title="Zur�ck zur Startseite">Home</a>
			</li>
			
			<li>
			<a href="Server.html" title="Zum Server">Server</a>
			</li>
		
			<li>
			<a href="bilder.html" title="Bilder vom Server">Bilder</a>
			</li>
			
			<li>
			<a href="maps.html" title="Zu unseren Maps">Maps</a>
			</li>
			
			<li>
			<a href="befehle.html" title="Zu den Befehlen">Befehle</a>
			</li>
			
			<li>
			<a href="Kontakte.html" title="Zu den Kontakten">Kontakte
			</li>
		</ul>
		<ul>
		    <li>
			<a href="index.html" title="Zur�ck zur Startseite" style="font-family:courier;margin-left:50px;color:orange">Survival Games</a>
			</li>
		</ul>
		</div>
		
		<div id="main">	
			<div id="content">
			
			</div>
			
			<div id="sidebar">
			
			</div>
		</div>
			
		<div id="footer">
		<p>
			� Survival Games (ErzVaan) 2013 
		</p>
		</div>
	</div>
	
	
	
	
	
	
	
	</div>

	</body>

und hier mit der Funktion:

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Survival Games</title>
		<meta http-equiv="Content-Type"
		content="text/html; charset=ISO-8859-15" />
		<link rel="stylesheet" href="themes/default/default.css" type="text/css" media="screen" />
		<link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />
		<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
	</head>
	<body>
	
	<div id="website">
		<div id="navi">
		<ul>
			<li class="active">
			<a href="index.html" title="Zur�ck zur Startseite">Home</a>
			</li>
			
			<li>
			<a href="Server.html" title="Zum Server">Server</a>
			</li>
		
			<li>
			<a href="bilder.html" title="Bilder vom Server">Bilder</a>
			</li>
			
			<li>
			<a href="maps.html" title="Zu unseren Maps">Maps</a>
			</li>
			
			<li>
			<a href="befehle.html" title="Zu den Befehlen">Befehle</a>
			</li>
			
			<li>
			<a href="Kontakte.html" title="Zu den Kontakten">Kontakte
			</li>
		</ul>
		<ul>
		    <li>
			<a href="index.html" title="Zur�ck zur Startseite" style="font-family:courier;margin-left:50px;color:orange">Survival Games</a>
			</li>
		</ul>
		</div>
		
		<div id="main">	
			<div id="content">
			
				<div class="slider-wrapper">
					<div id="slider" class="nivoSlider">
						<img src="img/bild1.jpg" alt="" />
						<img src="img/bild2.jpg" alt="" title="#htmlcaption" />
						<img src="img/bild3.jpg" alt="" title="This is an example of a caption" />
						<img src="img/bild4.jpg" alt="" />
					</div>
				</div>
				<div id="htmlcaption" class="nivo-html-caption">
					<strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
				</div>

			
				<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
				<script type="text/javascript" src="jquery.nivo.slider.js"></script>
				<script type="text/javascript">
				$(window).load(function() {
				$('#slider').nivoSlider({
				pauseTime:10000,
				animSpeed: 1000
				});
				});
				</script>
	
			
			</div>
		</div>
			
			<div id="sidebar">
			
			</div>
		</div>
			
		<div id="footer">
		<p>
			� Survival Games (ErzVaan) 2013 
		</p>
		</div>
	</div>
	
	
	
	
	
	
	
	</div>

	</body>

Ich hoffe ihr erkennt den Fehler, denn ich kann ich einfach nicht finden :(

//edit: closen pls , habe den Fehler gefunden :3