2 files changed, 27 insertions, 3 deletions
diff --git a/themes/default/stylesheet.css b/themes/default/stylesheet.css
index 2074e21..4fd3b5c 100644
--- a/themes/default/stylesheet.css
+++ b/themes/default/stylesheet.css
@@ -8,6 +8,17 @@ body {
    padding:                10px;
 }
 
+body.slideshow {
+   background-color:       #ffffff;
+   color:                  rgb(26,151,15);
+   font-family:            sans-serif;
+   font-style:             normal;
+   border:                 none;
+   padding:                10px;
+   text-align:             center;
+}
+
+
 table, tr, td {
    border-collapse:        collapse;
    padding:                0px;
diff --git a/themes/default/templates/slideshow.tpl b/themes/default/templates/slideshow.tpl
index da740ac..c5e8ba5 100644
--- a/themes/default/templates/slideshow.tpl
+++ b/themes/default/templates/slideshow.tpl
@@ -1,5 +1,9 @@
 {include file="header.tpl"}
- <body onload="startSlideShow();" style="text-align: center;">
+ <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>
@@ -8,8 +12,17 @@
   </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: 10px; background-color: #ffffff;" />
+    <img id="slide_img" alt="slideshow_img" style="padding: 15px; background-color: #000000;" />
    </a>
   </div>
-</body>
+  <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"}