I am working on a small website that contains a slideshow that starts up automatically when the page loads. I found the code online, it is very simple and works great. What i need to do is figure out how to make it repeat itself. Thank you.

Code:
<style>
#picOne, #picTwo, #picThree {
position:absolute;
display: none;
}
#pics {
width:100px;
height:100px;
}
  </style>
  
<script type="text/javascript" src="jquery-1.7.1.js"></script>
  <script type="text/javascript">
$(document).ready(function() {
$('#picOne').fadeIn(1500).delay(3500).fadeOut(1500);
$('#picTwo').delay(5000).fadeIn(1500).delay(3500).fadeOut(1500);
$('#picThree').delay(8500).fadeIn(1500).delay(3500).fadeOut(1500);
});
  </script>
</head>

<body>
<div id="pics">
<img src="firstPic.jpeg" id="picOne" height="100" width="100">
 <img src="secondPic.jpeg" id="picTwo" height="100" width="100">
 <img src="thirdPic.jpeg" id="picThree" height="100" width="100">
 </div>

 <br>
</body>
</html>
I am not a developer or a programmer and perhaps this code is to simple to make repeat but I would like to put it in an ongoing loop. Thank you so much for any help or advice you have.