{include file="header.tpl"}
- <body onload="startSlideShow();" style="text-align: center;">
- <div style="margin: 0 auto; padding: 10px;">
- <a href="javascript:window.close();" title="click to close slideshow">
- <img id="slide_img" alt="slideshow_img" style="padding: 10px; background-color: #ffffff;" />
- </a>
- </div>
- <div style="margin: 0 auto; padding: 10px;">
+ <script type="text/javascript" src="slider/js/range.js"></script>
+ <script type="text/javascript" src="slider/js/timer.js"></script>
+ <script type="text/javascript" src="slider/js/slider.js"></script>
+ <link type="text/css" rel="StyleSheet" href="slider/css/bluecurve/bluecurve.css" />
+ <body onload="startSlideShow();" class="slideshow">
+ <div id="slide_navigation">
<a href="javascript:prevSlide();" onclick="click(this);" title="slive to previous photo"><img id="rew_ico" src="resources/32_rew.png" /></a>
<a href="javascript:pauseSlideShow();" onclick="click(this);"><img id="pause_ico" src="resources/32_pause.png" /></a>
<a href="javascript:startSlideShow();" onclick="click(this);" title="stop and revert slideshow"><img id="stop_ico" src="resources/32_stop.png" /></a>
<a href="javascript:nextSlide();" onclick="click(this);" title="slide to next photo"><img id="fwd_ico" src="resources/32_fwd.png" /></a>
</div>
+ <div style="margin: 0 auto; padding: 10px;">
+ <a href="javascript:window.close();" title="click to close slideshow">
+ <img id="slide_img" alt="slideshow_img" style="padding: 15px; background-color: #000000;" />
+ </a>
+ </div>
+ <form>
+ <div id="slider-1" tabIndex="1" style="margin: 0 auto;" onclick="if(this.blur)this.blur();">
+ <input id="slider-input-1" name="slider-input-1" onclick="if(this.blur)this.blur();" />
+ </div>
+ </form>
+ <div id="current_slide_time"></div>
+ <script type="text/javascript">
+ initSlider();
+ </script>
</body>
{include file="footer.tpl"}