title: cannot use two nivo sliders in webpage
body: <p>i need two different sliders for my webpage. on clicking an icon one will be displayed and on clicking the other icon, the first slider will disappear and the next one with appear in its place.
  the slider i use is nivo slider( a jquery slider). but the problem is, only the first slider( the slider that is written first in the html code) is displayed. for the second one, the layout is displayed and the loading gif is shown. 
  there isnt any problem with the images( i could see them using firebug).
  wen i reorder the sliders, it happends again..only the slider written first in the code is displayed.
  the problem is with the sliders id. because i hav to make a copy of the same code, the id is repeated. but only one instance of the code is present at any time. 
  the slider code is</p>
  
  <pre><code>&lt;div id="techimageslides"&gt;
     &lt;div id="slider-wrapper"&gt;
         &lt;div id="slider" class="nivoSlider"&gt;
             /* images */                            
         &lt;/div&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>ive tried with different ids, but it doesnt work. even the layout isnt displayed with diff ids(changed in css too).. i think its used in d javascript of the slider</p>
  
  <p>please suggest a way to get it to work..</p>