var obrazow;
var interwal;
var stary = 0;
var obecny = 0;

$(document).ready(function(){

		
	$('#menu a.pm').click(function(){
		$(this).toggleClass('rozw');
		$(this).next('ul').toggle('slow');
	});
	$('#menu a.pmb').click(function(){
		$(this).toggleClass('rozwb');
		$(this).next('ul').toggle('slow');
	});
	
	obrazow = $("div.obraz").size();
	
	$('div.obraz:eq('+obecny+')').css('display','block');
	$('div.tekst:eq('+obecny+')').css('display','block');
	$('#kl a:eq('+obecny+')').css('background','url(style/kl-b.gif)');
	
	interwal = setInterval(rotuj,7000);
	
	$('#kl a').click(function(){
		clearInterval(interwal);
		$('div.obraz').fadeOut('slow');
		$('div.tekst').fadeOut('slow');
		$('#kl a').css('background','url(style/kl.gif)');
		var nowy = $(this).html();
		$('div.obraz:eq('+(nowy-1)+')').fadeIn('slow');
		$('div.tekst:eq('+(nowy-1)+')').fadeIn('slow');   
		$('#kl a:eq('+(nowy-1)+')').css('background','url(style/kl-b.gif)');
		stary = nowy-1;
		interwal = setInterval(rotuj,7000);
	});
	
});
 
function rotuj(){

	obecny = (stary+1)%obrazow;
	$('div.obraz:eq('+stary+')').fadeOut('slow');
	$('div.tekst:eq('+stary+')').fadeOut('slow');
	$('#kl a:eq('+stary+')').css('background','url(style/kl.gif)');
	$('div.obraz:eq('+obecny+')').fadeIn('slow');
	$('div.tekst:eq('+obecny+')').fadeIn('slow');   
	$('#kl a:eq('+obecny+')').css('background','url(style/kl-b.gif)');
	stary = obecny;

}