Need help with image slider!


Hi, I did a video tutorial on youtube on HTML5 and CCS3. I made a website that had an image slider. Below my image slider number 1 2 3 4 appear and when I click on them the slider switches pictures. I want to get rid of the numbers but I dont know why they are being added in the first place. I am a newbie.

Any help is appreciated, thank you!

Here is the link to the tutorial:

Here is the code for the image slider

 <div id="doc">
		<div id="content">
			<div class="blueberry">
				<ul class="slides">
					<li><img src=""/></li>
					<li><img src=""/></li>
					<li><img src=""/></li>
					<li><img src=""/></li>

I put this code below in the <head><head> 

	$(window).load(function() {



Please read <== none