// JavaScript Document
$(document).ready(function() {
			//dla każdego miejsca z tabami
			$('.tabs').each(function() {			
				var $ul = $(this);
				var $li = $ul.children('li');									
				//przy wejsciu na strone ukrywamy tresc tabow...
				$li.each(function() {
					var $trescTaba = $($(this).children('a').attr('href'));
					if ($(this).hasClass('active')) {
						$trescTaba.show();
					} else {
						$trescTaba.hide();
					}
					$(this).append('<span class="right"></span>');
				});
				
				//mały trik - gdy klikamy na li tab, wtedy wykonujemy zdarzenie dla linka, który się w nim znajduje (dzieki temu możemy kliknąć na cały tab, a nie tylko na linka)
				$li.click(function() {$(this).children('a').click()});
				//po kliknięciu na link...
				$li.children('a').click(function() {
					if (!$(this).parent().hasClass('disable')) {
						//usuwamy z tabów klasę active
						$li.removeClass('active');										
						//ukrywamy wszystkie taby					
						$li.each(function() {
							$($(this).children('a').attr('href')).hide();
						});										
						//ustawiamy klikniętemu tabowi klasę aktywną
						$(this).parent().addClass('active');
						$($(this).attr('href')).show();
					} else {
						$(this).blur();
					}
					//nie chcemy wykonać domyślnej akcji dla linka
					return false;
				});
			});		
		});