4 var SlideShow_MaxSlides = 5; // slide count
5 var SlideShow_DisplaySeconds = 5; // slide timing
6 var SlideShow_CurrentSlide = 1;
8 var SlideShow_Playing = true;
9 SlideShow_Timer = setTimeout(SlideShow_Next, SlideShow_DisplaySeconds * 1000);
12 <div id="SlideShowWidget">
13 <div class="ssw_all_icons">
14 <div id="ssw_icon_1" class='ssw_icon_#IIF(currentSlide eq 1,DE(""),DE("in"))#active' onclick="return SlideShow_Jump(1);"></div>
15 <div id="ssw_icon_2" class='ssw_icon_#IIF(currentSlide eq 2,DE(""),DE("in"))#active' onclick="return SlideShow_Jump(2);"></div>
16 <div id="ssw_icon_3" class='ssw_icon_#IIF(currentSlide eq 3,DE(""),DE("in"))#active' onclick="return SlideShow_Jump(3);"></div>
17 <div id="ssw_icon_4" class='ssw_icon_#IIF(currentSlide eq 4,DE(""),DE("in"))#active' onclick="return SlideShow_Jump(4);"></div>
18 <div id="ssw_icon_5" class='ssw_icon_#IIF(currentSlide eq 5,DE(""),DE("in"))#active' onclick="return SlideShow_Jump(5);"></div>
20 <div class="ssw_play_controls">
21 <a href="#server.globals.rootURL#index.cfm?currentSlide=#IIF(currentSlide eq 1,5,currentSlide-1)#" onclick="return SlideShow_Previous();"><img title="previous" alt="Click to see the previous slide" src="#server.globals.rootURL#images/previous.gif" width="13" height="13" class="noborder" /></a>
22 <a href="#server.globals.rootURL#index.cfm" onclick="return SlideShow_TogglePlay();"><img id="ssw_toggle_control" title="start/stop" alt="Click to start/stop the slideshow" src="#server.globals.rootURL#images/stop.gif" width="13" height="13" class="noborder" /></a>
23 <a href="#server.globals.rootURL#index.cfm?currentSlide=#IIF(currentSlide eq 5,1,currentSlide+1)#" onclick="return SlideShow_Next();"><img title="next" alt="Click to see the next slide" src="#server.globals.rootURL#images/next.gif" width="13" height="13" class="noborder" /></a>
25 <div class="ssw_all_descriptions">
26 <div id="ssw_descript_1" class='ssw_description #IIF(currentSlide eq 1,DE("firstSlide"),DE(""))#'>
27 <div id="ssw_slide_1" class='ssw_slide #IIF(currentSlide eq 1,DE("firstSlide"),DE(""))#'><a href="/teens/rfw/"><img src="/images/featured_article_1.jpg" alt="2010 Read. Flip. Win." width="210" height="185" border="0" /></a></div>
28 <div class="ssw_content">
29 <p>2010 Read. Flip. Win.</p>
30 <p><a href="/teens/rfw/">KCLS proudly presents the winners of our Read, Flip, Win Contest. </a></p>
32 <div id="ssw_descript_2" class='ssw_description #IIF(currentSlide eq 2,DE("firstSlide"),DE(""))#'>
33 <div id="ssw_slide_2" class='ssw_slide #IIF(currentSlide eq 2,DE("firstSlide"),DE(""))#'><a href="/newcatalog/"><img src="/images/featured_article_2.jpg" alt="infoVote 2010" width="210" height="185" border="0" /></a></div>
34 <div class="ssw_content">
35 <p>Coming Soon- New Library Catalog</p>
36 <p><a href="/newcatalog/">Transitioning to a new and improved library catalog.</a></p>
39 <div id="ssw_descript_3" class='ssw_description #IIF(currentSlide eq 3,DE("firstSlide"),DE(""))#'>
40 <div id="ssw_slide_3" class='ssw_slide #IIF(currentSlide eq 3,DE("firstSlide"),DE(""))#'><a href="#server.globals.rootURL#bond"></a><a href="/infobiz/"><img src="/images/featured_article_3.jpg" alt="InfoBiz" width="210" height="185" border="0" /></a></div>
41 <div class="ssw_content">
43 <p> <a href="/infobiz/">The new KCLS resource center for small business owners. </a></p>
45 <div id="ssw_descript_4" class='ssw_description #IIF(currentSlide eq 4,DE("firstSlide"),DE(""))#'>
46 <div id="ssw_slide_4" class='ssw_slide #IIF(currentSlide eq 4,DE("firstSlide"),DE(""))#'><a href="/events/opera.cfm"><img src="/images/featured_article_4.jpg" alt="Opera" width="210" height="185" border="0" /></a></div>
47 <div class="ssw_content">
48 <p>Opera Preview: Lucia Di Lammermoor<br />
50 <p><a href="/events/opera.cfm">Exciting new series presented by Norm Hollingshead.</a></p>
53 <div id="ssw_descript_5" class='ssw_description #IIF(currentSlide eq 5,DE("firstSlide"),DE(""))#'>
54 <div id="ssw_slide_5" class='ssw_slide #IIF(currentSlide eq 5,DE("firstSlide"),DE(""))#'><a href="/events/##NWNoir"><img src="/images/featured_article_5.jpg" alt="Northwest Noir: Mysteries, Legends and Landscapes" width="210" height="185" border="0" /></a></div>
55 <div class="ssw_content">
57 <p><a href="/events/##NWNoir"> Explore legends, mysteries, and landscapes set in the Northwest.</a></p>