Slideshow ki se prilagaja dimenziji okna in je vedno v razmerju

Pozdtravljeni.

Za manjšo klasično (nedinamično) spletnno stran moram pripraviti sideshow, ki se po širini prilagaja dimenziji okna brskalnika in je vedno v ustreznem razmerju in "odriva" vsebino pod seboj. Tako kot v tem primeru (brez slideshowa): http://www.piana.si/test/index01.php

Sprva sem zadevo pripravil kar s preprostim JS ki naloži v Div naslednjo sliko iz nekega seznama. Samo premik med slikami je seveda grd, ker ni nekga preliva. ZAto sem poskusiul zadevo narediti z jQuery Cycle vtičnikom. Zadeva načeloma dela ima pa dve težavi.

1. Vsebina ki bi morala biti pod slideshowom je skrita za njim.
2. Če okno povečam/manjšam se slide show ne povečuje/pomanjšuje ustrezno. To se zgodi šele po osvežitvi strani.

Ponavadi sem se še vedno izmotal iz težav kljub mojemu osnovnemu znanju spletnega programiranja. Sedaj pa sem malo blokiran.

Skratka zanima me če mi lahko kdo pove kako zadevo spremeniti tako, da bo slideshow deloval kot v prvem primeru zgoraj. Če je to sploh mogoče brez refrešanja, oz. če je kak druga rešitev, ki pa ne zahteva prebveč predznanja v programiranu.

Primer s slideshowom pa tukaj: http://www.piana.si/test/index.php