<script type="text/javascript">
//<![CDATA[
		$(function(){
			$('#slides').slides({
				preload           : true,
				preloadImage      : 'themes/Storka/images/loading.png',
				play              : 5000,
				effect            : 'fade',
				fadeEasing        : "easeOutQuad",
				hoverPause        : true,
				animationStart    : function(current){
					$('.caption').animate({
						bottom:-35
					},100);
					if (window.console && console.log) {
						console.log('animationStart on slide: ', current);
					};
				},
				animationComplete: function(current){
					$('.caption').animate({
						bottom:0
					},200);
					if (window.console && console.log) {
						console.log('animationComplete on slide: ', current);
					};
				},
				slidesLoaded: function() {
					$('.caption').animate({
						bottom:0
					},200);
				}
			});
		});
//]]>		
</script>
	<div id="container">
		<div id="size">
			<div id="slides">
				<div class="slides_container">
				
					<div class="slide">
						<a href="#" title="Image 1"><img src="themes/Storka/images/slider/1.jpg" width="711" height="357" alt="Slide 1" /></a>
						<div class="caption" style="bottom:0">
							<p>Dexter saison 7</p>
						</div>
					</div>
					
					<div class="slide">
						<a href="#" title="Image 2"><img src="themes/Storka/images/slider/2.jpg" width="711" height="357" alt="Slide 2" /></a>
						<div class="caption">
							<p>Coca cola zero</p>
						</div>
					</div>
					
					<div class="slide">
						<a href="#" title="Image 3"><img src="themes/Storka/images/slider/3.jpg" width="711" height="357" alt="Slide 3" /></a>
						<div class="caption">
							<p>Yamaha YZF-R1</p>
						</div>
					</div>
					
					<div class="slide">
						<a href="#" title="Image 4"><img src="themes/Storka/images/slider/4.jpg" width="711" height="357" alt="Slide 4" /></a>
						<div class="caption">
							<p>Fight Club</p>
						</div>
					</div>
					
					<div class="slide">
						<a href="#" title="Image 5"><img src="themes/Storka/images/slider/5.jpg" width="711" height="357" alt="Slide 5" /></a>
						<div class="caption">
							<p>Mass effect 3</p>
						</div>
					</div>
					
					<div class="slide">
						<a href="#" title="Image 6" onclick="window.open(this.href); return false;"><img src="themes/Storka/images/slider/6.jpg" width="711" height="357" alt="Slide 6" /></a>
						<div class="caption">
						  <p>Image avec un lien qui ouvre une nouvelle page</p>
					</div>
				</div>
				
				</div>
				<a href="#" class="prev"><img src="themes/Storka/images/arrow-prev.png" width="45" height="60" alt="Prev" /></a>
				<a href="#" class="next"><img src="themes/Storka/images/arrow-next.png" width="45" height="60" alt="Next" /></a>
			</div>
		  </div>