Jak stworzyć funkcję przycisków i umieścić je na sliderze?

Question

Witam, wykonałem slider z poradnika pana Zelenta, ale chciałbym aby przyciski były tylko 2 i odpowiadały za przełączenie na następny slajd oraz poprzedni. Tak więc mam nastepujące pytania:

1) Jak napisać funkcję która przełączy slajd na następny, oraz osobną, która przełączy slajd na poprzedni i przypisać je do przycisków?

2) Jak owe przyciski umieścić na samym sliderze, czy też 'nad sliderem'? Po obu stronach - w formie strzałek lub przy dolnej krawędzi slidera.

Próbowałem z position: absolute oraz z-index ale nie udało mi się osiągnać porządanego efektu.

	<div id="content">
		<div id="header">
		
			<img id="photo" src="photos/gimnazjum_logo.png">
			
			<div id="title">Szkoła Podstawowa imienia <br> bł. ks. Józefa Kowalskiego w Siedliskach
			
				<div id="quotation">
				"Bogactwo i siłę zdobywa się usilną nauką i pracą.
				Nie dość chcieć trzeba czynić."<br>~Goethe</div>
		
			</div>
		</div>
		<span onclick="ustawslajd(1)" class="next">[1]</span>
		<span onclick="ustawslajd(2)" class="next">[2]</span>
		<span onclick="ustawslajd(3)" class="next">[3]</span>
		<span onclick="ustawslajd(4)" class="next">[4]</span>
		<span onclick="ustawslajd(5)" class="next">[5]</span>
		<div id="slider"></div>
		
	</div>

Włożyć <span>'y do divia 'slider'?

	<div id="content">
		<div id="header">
		
			<img id="photo" src="photos/gimnazjum_logo.png">
			
			<div id="title">Szkoła Podstawowa imienia <br> bł. ks. Józefa Kowalskiego w Siedliskach
			
				<div id="quotation">
				"Bogactwo i siłę zdobywa się usilną nauką i pracą.
				Nie dość chcieć trzeba czynić."<br>~Goethe</div>
		
			</div>
		</div>
		<span onclick="ustawslajd(1)" class="next">[1]</span>
		<span onclick="ustawslajd(2)" class="next">[2]</span>
		<span onclick="ustawslajd(3)" class="next">[3]</span>
		<span onclick="ustawslajd(4)" class="next">[4]</span>
		<span onclick="ustawslajd(5)" class="next">[5]</span>
		<div id="slider"></div>
		
	</div>

var numer = Math.floor(Math.random()*5)+1;

var timer1 = 0;
var timer2 = 0;

function ustawslajd(nrslajdu)
{
	clearTimeout(timer1);
	clearTimeout(timer2);
	numer = nrslajdu - 1;
	
	schowaj();
	setTimeout("zmienslajd()",500);
}


function schowaj()
{
	$("#slider").fadeOut(500);
}

function zmienslajd()
{
	numer++; if (numer>5) numer=1;
		
	var plik = "<img src=\"photos/slajdy/slajd" + numer + ".png\" />";
		
	document.getElementById("slider").innerHTML = plik;
	$("#slider").fadeIn(500);
	
	timer1 = setTimeout("zmienslajd()", 5000);
	timer2 = setTimeout("schowaj()",4000);
	
}