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 || 10; //lewy margines slidera
	this.id = id;
	var containerall = $(id);
	var elements = $A(containerall.getElementsByTagName('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 nawigacja = document.createElement('div');
		nawigacja.setAttribute('id','naw'+id);
		nawigacja.setAttribute('class','nawigacja');
		nawigacja.className='nawigacja';
		containerall.appendChild(nawigacja);

	//IE
	//if(navigator.appName == "Microsoft Internet Explorer") {Element.setStyle(nawigacja,{position:'absolute',bottom:'5px'});}

	var lista_naw='';
	for(j=0;j<count;j++) lista_naw += '<a href="#" onclick="">'+(j+1)+'</a>';
	//wyświetlenie menu nawigacji
	nawigacja.innerHTML = '<div class="glowna_naw"><div class="lista_naw"><a id="poprzednie'+id+'" href="#" onclick="" title="poprzedni">&laquo;</a></div><div class="lista_naw" id="lista_naw'+id+'">'+lista_naw+'</div><div class="lista_naw"><a id="nastepne'+id+'" href="#" onclick="" title="nastepny">&raquo;</a></div>&nbsp;&nbsp;&nbsp;</div>';
	//linki nawiacyjne 1,2,3...
	

	
	lista_naw = $A($('lista_naw'+id).getElementsByTagName('a'));
	lista_naw.each(function(link){
		link.onclick = function(){
			stop();
			lista_naw[pos].style.background=bgColor;
			if(pos > link.innerHTML - 1) skok = szybkosc;
			else if(pos < link.innerHTML - 1) skok = -szybkosc;
			else return false;
			odleglosc = szer*Math.abs(pos + 1 - link.innerHTML); //odległość do przewinięcia
			pos = link.innerHTML - 1;	
			timerId=null;
			timerId = setInterval(function(){przewin(skok);},10);
			return false;
			start();
			}
		link.style.background = bgColor;
		link.title = 'idź do';
		}
	);
	
	
	//podswietlenie pierwszego linka
	lista_naw[0].style.background=color;
	
	
	//linki WSTECZ/DALEJ
	$('poprzednie'+id).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;
	};
	$('nastepne'+id).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($('nastepne'+id).onclick,czas);
	}
	function stop() {
	clearInterval(timerPokazId);
	}
	
	this.go = start;
	
	if(przewijaj && count > 1) start();
}