var pokaz = function(id,opcje){
	var color = opcje.color || '#AAAADD'; //kolor podświetlenia linka numerycznego
	var bgColor = opcje.bgColor || '#FFF'; //kolor tła linka numerycznego
	var czas = opcje.czas || 5000; //czas między automatycznym przewijaniem slajdów
	var padding = opcje.padding || 0; //paddingi bocze slajdu
	var przewijaj = opcje.przewijaj || false; //czas między automatycznym przewijaniem slajdów
	var contMargLeft = opcje.contMargLeft || 0; //lewy margines slidera
	this.id = id;
	var containerall = $(id);
	var elements = $A(containerall.select('div'));
		Element.setStyle(elements[0],{paddingRight:padding+'px',paddingLeft:padding+'px'});
	var szer = elements[0].clientWidth //szerokość slajdu - ustaw na szerokosc pierwszego
	var szybkosc = szer/opcje.wolniej || szer/20; //szybkość - wielkość skoku przewijania (mniejsze wolniej - szybsze przewijanie)
	//utworzenie paska - doprzesuwania z elementów containerall
	var container = document.createElement('div');
		container.setAttribute('id',id+'_pasek');
		containerall.appendChild(container);
		//containerall.style.height=elements[0].clientHeight+'px';
	//dopisanie slajdów do container 
		if (document.all) {
			var sFloat="styleFloat"; //ie
		} else {
			var sFloat="cssFloat"; //firefox, etc.
		}
	var w=0;
	elements.each(function(blok){
		blok.style[sFloat] = 'left';
		Element.setStyle(blok,{width:szer+'px',paddingRight:padding+'px',paddingLeft:padding+'px',marginLeft:'0'});
		container.appendChild(blok);
	});

	
	szer += 2*padding; //korekta odległości przesuwania zgodnie z paddingami
	var count = elements.length;
	var pos = 0; //aktualna pozycja slajdów
	var skok;
	var odleglosc;

	var timerId;
	var timerPokazId;
	var przewijanie = false;

	//parametry szablonu wyświetlania
	Element.setStyle(container,{width:(count*szer)+'px',marginLeft:'0px'});


	Element.setStyle(containerall,{position:'relative',height:elements[0].clientHeight+'px',width:szer+'px',overflow:'hidden',padding:'0',marginLeft:contMargLeft+'px'});
	
	//utworzenei paska nawigacji
	var dalej = document.createElement('a');
	var wstecz = document.createElement('a');

	dalej.className = 'naw_dalej';
	wstecz.className = 'naw_wstecz';
	
	containerall.appendChild(dalej);
	containerall.appendChild(wstecz);
	
	
	//linki WSTECZ/DALEJ
	dalej.onclick = function() {
								if(!przewijanie) {
										stop();
										//lista_naw[pos].style.background=bgColor;
										if(--pos == -1) { pos=count-1; skok = -szybkosc*4; odleglosc = szer*(count-1);} else { skok = szybkosc; odleglosc = szer;}
										
										timerId=null;
										timerId = setInterval(function(){przewin(skok);},10);
										start();
									}
										return false;
	};
	wstecz.onclick = function() { 
								if(!przewijanie) {
										stop();
										//lista_naw[pos].style.background=bgColor;
										if(++pos == count) { pos=0; skok = szybkosc*4; odleglosc = szer*(count-1);} else { skok = -szybkosc; odleglosc = szer; }
										
										timerId=null;
										timerId = setInterval(function(){przewin(skok);},10);
										start();
									}
										return false;
										
	};
	//$('start'+id).onclick = function(){start();return false;};
	//$('stop'+id).onclick = function(){stop();return false;};

	function przewin(skok) {
		if(pos<0) pos = 0;
		if(container.style.marginLeft == (pos*szer*-1) + "px") {
			przewijanie = false;
			clearInterval(timerId);
			//lista_naw[pos].style.background=color;
			odleglosc = 0;
			}
		else{
			przewijanie = true;
			var v = container.style.marginLeft;
			v = parseInt(v.substring(0,v.length-2));
			odleglosc -=Math.abs(skok);
			if(odleglosc > 0) container.style.marginLeft = (v+=skok) + "px";
			else container.style.marginLeft = (pos*szer*-1) + "px"
		}
	}
	function start() {
	clearInterval(timerPokazId);
	timerPokazId = setInterval(wstecz.onclick,czas);
	}
	function stop() {
	clearInterval(timerPokazId);
	}
	
	this.go = start;
	
	if(przewijaj && count > 1) start();
}