s3Slider plugin
My s3slider jquery plugin, my code is below...what i'm i doing wrong?

<!DOCTYPE html>
<html>
<head>
<title>Slider</title>
<link rel="stylesheet" type="text/css" href="test.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="s3Slider.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#s3slider').s3Slider({
timeOut: 3000
});
});
</script>


</head>
<body>
<div id="s3slider">
<ul id="s3slidercontent">
<li class="s3sliderimage">
<img src="http://immortalsmovie.mobi/ImmortalsMobile/images/downloads/poseidon_w720_h960.jpg">
<span> Love this movie</span>
</li>
<li class="s3sliderimage">
<img src="http://immortalsmovie.mobi/ImmortalsMobile/images/downloads/phaedra_w720_h960.jpg">
<span>And this one</span>
</li>
<div class="clear s3sliderImage" ></div>
</ul>
</div>

</body>
</html>