<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>chocoslider</title>
<link rel="stylesheet" href="css/chocoslider.css" type="text/css" />


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>

<script src="js/jquery.chocoslider.js" type="text/javascript"></script>

<script type="text/javascript">
$(window).load(function() {
  	$('#slider').chocoslider();
		auto:true,
		autoPause:true,	 
		speedStrip:500,	 
		effect:'effect1',
		numberStrips:15,
		sliderDelay:3000,
		transparencytitle:0.8,
		bChange: function(){},
		aChange: function(){},
		chocoEnd: function(){},
		controlNavigation:true
  });
</script>

</head>

<body>

<div id="slider">
    <a href="#"><img src="images/large/1.jpg" alt="Imagem 1" title="Texto da imagem 1"/></a>
    <a href="#"><img src="images/large/2.jpg" alt="Imagem 2" title="Texto da imagem 2"/></a>
    <a href="#"><img src="images/large/3.jpg" alt="Imagem 3" title="Texto da imagem 3"/></a>
    <a href="#"><img src="images/large/4.jpg" alt="Imagem 4" title="Texto da imagem 4"></a>
    <a href="#"><img src="images/large/5.jpg" alt="Imagem 5" title="Texto da imagem 5"/></a>
</div>

</body>
</html>
