drupal - jquery cycle pager #nav disappears on second slide -

i want overlay pager #nav done here: http://jquery.malsup.com/cycle/pager-over.html

when code below in static html site works fine. when add in drupal page template. second slide appears , pager #nav disappears. dom/cache/drupal problem? nav div needs added once , should appear on top child div slides. here mockup code:

head section

<script type="text/javascript"> $(function() { $('#slideshow').cycle({ fx:'fade', pager:'#nav' }); }); </script> 

html

<div id="slideshow">  <div id="slide"> <div id="nav"></div>  <?php print $node->field_test1_image[0]['view']; ?> </div>  <div id="slide"> <?php print $node->field_test2_image[0]['view']; ?> </div> </div> 

i think markup wrong. try this:

<div id="slideshow">      <div id="nav"></div>      <div class="slide">         <?php print $node->field_test1_image[0]['view']; ?>     </div>      <div class="slide">         <?php print $node->field_test2_image[0]['view']; ?>     </div> </div> 

note id="slide" changed class="slide" - there should 1 element unique id ;)

edit: forgot mention #nav dissapearing on second slide, because put first slide wrapper.