I'm not a proper programmer, but i'm giving it a bash. I've copied some code from a book for a web slider.

It almost works, but there are three problems that need to be resolved;

The images appear under a nav bar
The nav bar should be at the bottom of the images
When the cycle is complete there is a time lapse without any image.

You can see these problems here

This is what I want the page to look like but with the head images changing

This is the code that I have put into the head section;

HTML Code:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
This is the html for the images
HTML Code:
<!-- CODE FOR THE IMAGES AND SLIDING -->
<div class="fadein">
  <img src="http://what-do-christians-believe.co.uk/test/bible_spk.png">
  <img src="http://what-do-christians-believe.co.uk/test/pan_park.png">
  <img src="http://what-do-christians-believe.co.uk/test/easter.png">
This is the jquery for the slider
Code:
<script>
$(function(){
	$('.fadein img:gt(0)').hide();
	setInterval(function(){$('.fadein :first-child').fadeOut().next('img').fadeIn().end().appendTo('.fadein');}, 3000);
});
</script>
What code do I need to sort out the problems. Thanks.