[js][jquery]cycle plugin i funkcja addSlide

Witam!
To mój pierwszy post na tym forum i w sumie pierwszy problem, którego sam nie mogłem przeskoczyć.
Mianowicie chciałbym na stronie mieć slideshow banerów banerów do którego użyłem pluginu cycle: http://www.malsup.com/jquery/cycle/
Kod wygląda tak:

var $slideshow = $('#slideshow'); 
$slideshow.cycle({
			fx: 'fade', 
			after:   onAfter,
			before:   onBefore,
			speed:  1500,
			timeout:  8000 
		});
	    

Funkcja onAfter jest odpowiedzialna za wyróżnienie zakładki w belce poniżej opisującej dany obrazek:

function onAfter() { 
			obrazeknr = this.alt; //pobiera wartość alt jako numer obrazka (wartosci od 1 do 5) 
			obrazeknr--;
		    $("#belka div:eq(" + obrazeknr + ")").addClass("belka_hover");
		    $("#belka div:eq(" + obrazeknr + ")").siblings().removeClass("belka_hover"); 
		}

dodatkowo po kliknięciu w daną zakładkę wyświetlany jest odpowiedni slajd:
Kod kliknięcia jednego diva zakładki wygląda tak:

$('#belka1').click(function() {
	    	$('.pokaz_obrazkow').cycle(0); 
	        return false; 
        }); 

Wszystko działało jeśli wszystkie obrazki były już na starcie wpisane do div'a. Plugin gładko wyświetlał żądane obrazki. Teraz chciałbym aby na starcie przy załadowaniu strony wczytany był tylko pierwszy obrazek (ewentualnie i drugi) a następne dopiero miałyby być dodawane dynamicznie z tablicy przed wyświetleniem obrazka (onBefore) funkcją addSlide.
Tablica obrazków z wartościami dla alt'a:

var slides = [4];
	 slides[1] = [1, 'img/images/glowna1.jpg']; //załadowany na starcie
	 slides[2] = [2, 'img/images/glowna2.jpg']; //załadowany na starcie
	 slides[3] = [3, 'img/images/glowna3.jpg'];
	 slides[4] = [4, 'img/images/glowna4.jpg'];
	 slides[5] = [5, 'img/images/glowna5.jpg'];

To również działa fajnie ale tylko kiedy slideshow wyświetla obrazki po kolei. Główny mój problem to wyświetlanie obrazków które są w dalszej kolejności po kliknięciu na zakładkę belki (slideshow musi wtedy "przeskoczyć" kilka innych slajdów i wyświetlić odpowiedni obrazek). Nie wiem jak to ugryźć;/

Czy muszę przed wyświetlaniem tego dalszego obrazka ładować inne znajdujące się w kolejce między bieżącym obrazkiem a mającym się wyświetlić? Czy jest jakiś sposób żeby to działało?
Na razie moja funkcja onBefore wygląda tak:

function onBefore(curr, next, opts, fwd) { 
            //  curr == DOM element for the slide that is currently being displayed 
            //  next == DOM element for the slide that is about to be displayed 
            //  opts == slideshow options 
            //  fwd  == true if cycling forward, false if cycling backward             
	    
	    	
            // on the first pass, addSlide is undefined (plugin hasn't yet created the fn yet) 
	    	if (!opts.addSlide || slidesAdded) 
	            return; 
                 
            // have we added all our slides? 
            if (opts.slideCount == totalSlideCount) //  totalSlideCount = 5;
                return; 
          
            // add our next slide 
            opts.addSlide('<img src="'+baseUrl+slides[nr][1]+'" width="980" height="400" alt="'+slides[nr][0]+'"/>'); 

        }; 

Mam nadzieje, że nie opisałem tego problemu zbyt chaotycznie. Nie mam zbytniego doświadczenia a jquery dopiero się uczę. Będę wdzięczny za pomoc.

Pozdrawiam