Witam. Od razu zamieszam gotowy schemat, do odpalenia i zaobserwowania o co mi chodzi..
gdy pomalu przelaczamy sie pomiedzy okienkami wszystko jest w porzadku ale gdy zaczniemy chaotycznie klikac po zakladkach animacje jakby nie dobiegaly konca i rozpoczynaly sie nowe.. jak to wyeliminowac? licze sie z tym ze sposob w jaki to zrobilem odbiega od idealu ale dziala, problem jest tylko wlasnie z zablokowaniem wykonywania kolejnej animacji jezeli jedna jest juz w toku. mysle ze po odpaleniu stronki bedzie wiadomo o co mi chodzi.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=ISO-8859-2">
<title>Dokument bez nazwy</title>
<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">
var terazwidoczne = "#tresc";
var bedziewidoczne = null;
function pokaz() {
		switch (this.id) {
		case 'menu1':
		bedziewidoczne = "#tresc";
		break;
		case 'menu2':
		bedziewidoczne = "#cennik";
		break;
		case 'menu3':
		bedziewidoczne = "#galeria";
		break;
		case 'menu4':
		bedziewidoczne = "#kontakt";
		break;
		default:
		alert ('blabla');
	}
	
	

		
		if (terazwidoczne != bedziewidoczne) {
			$(terazwidoczne).stop().fadeOut(1000, function () {
																$(bedziewidoczne).fadeIn(1000, function() {
																				terazwidoczne = bedziewidoczne;
																			});
																});
		}

}

function Laduj () {
$('#cennik').hide();
$('#galeria').hide();
$('#kontakt').hide();
$('#menu1').click(pokaz);
$('#menu2').click(pokaz);
$('#menu3').click(pokaz);
$('#menu4').click(pokaz);
}
$(document).ready(Laduj);
</script>
  <style type="text/css">
#menu1 {background-repeat: no-repeat; background-color: #003333; width: 340px; height: 60px; cursor: pointer; }
#menu2 {background-repeat: no-repeat; background-color: #33CC33; width: 340px; height: 60px; cursor: pointer; }
#menu3 {background-repeat: no-repeat; background-color: #99CCCC; width: 340px; height: 60px; cursor: pointer; }
#menu4 {background-repeat: no-repeat; background-color: #0066FF; width: 340px; height: 60px; cursor: pointer; }

#tresc { background-color: #003333; width: 460px; height: 400px; left: 450px; top: 0px; position: absolute;}
#cennik { background-color: #33CC33; width: 400px; height: 350px; left: 400px; top: 0px; position: absolute;}
#galeria { background-color: #99CCCC; width: 340px; height: 300px; left: 450px; top: 0px; position: absolute;}
#kontakt { background-color: #0066FF; width: 280px; height: 250px; left: 400px;  top: 0px; position: absolute;}
  </style>
</head>
<body>

<div id="menu1"> menu 1 </div>
<div id="menu2"> menu 2 </div>
<div id="menu3"> menu 3 </div>
<div id="menu4"> menu 4</div>

<div id="tresc"> tresc </div>

<div id="cennik"> cennik </div>

<div id="galeria"> galeria </div>

<div id="kontakt"> kontakt </div>

</body>
</html>

problem rozwiązany. i to dość banalnie a cały dzień temu poświeciłem :| przed funkcja dodałem zmienna test = true; i cala tresc funkcji pokaz() ujalem w if ktory sprawdził czy test == true, jezeli tak to zaraz po wejscu do if ustawilem wartosc test = false, cialo funkcji wykonywalo sie dalej, dopiero na koncu test wracal z powrotem do "true", tak zeby po zakonczeniu funkcji moglo nastpic jej kolejne wywolaniem, wiec przez caly czas trwania jednej animacji żaden klik z menu nie moze sie wepchac :)