<%
Sub DummyHTMLHeaderToFoolDreamweaverDemolitionServices
%>
<link href="styles.css" rel="stylesheet" type="text/css">
<%
End Sub

Sub ShowPage_demolition
%>
<div class="heading">Demolition Services</div>
<div id="other-pages">
<%=GetWebText("DemolitionServices")%>
<%ShowSlider_demolition%>
</div>
<%
End Sub

Sub ShowSlider_demolition
%>
<style type="text/css">
#slider {
    position: relative;
    width:780px; /* Change this to your images width */
    height:585px; /* Change this to your images height */
    background:url(slider/loading.gif) no-repeat 50% 50%;
    /* following does the centering */
    width: 50%;
    margin: auto;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}

.nivo-caption {
    position: absolute;
    left: 0px;
    bottom: -25px;
    height: 25px;
    background: #F7F7F7;
    /* color: red; */
		text-align: center;
}
.nivo-caption p {
  padding: 0;
  /* font-weight: bold;  */ /* bold doesn't work well in IE */
}
</style>

<div id="slider">

<img src="slider/CIMG0030_rc.jpg" alt="" title="" />
<img src="slider/CIMG0045_rc.jpg" alt="" title="" />
<img src="slider/CIMG0047_rc.jpg" alt="" title="" />
<img src="slider/CIMG0051_rc.jpg" alt="" title="" />
<img src="slider/CIMG0055_rc.jpg" alt="" title="" />

</div>
<p style="height: 15px"></p>

<script type="text/javascript">
$(window).load(function() {
    $('#slider').nivoSlider({
        effect:'random', // Specify sets like: 'fold,fade,sliceDown'
        slices:15, // For slice animations
        boxCols: 8, // For box animations
        boxRows: 4, // For box animations
        animSpeed:500, // Slide transition speed
        pauseTime:3000, // How long each slide will show
        startSlide:0, // Set starting Slide (0 index)
        directionNav:false, // Next & Prev navigation
        directionNavHide:true, // Only show on hover
        controlNav:false, // 1,2,3... navigation
        controlNavThumbs:false, // Use thumbnails for Control Nav
        controlNavThumbsFromRel:false, // Use image rel for thumbs
        controlNavThumbsSearch: '.jpg', // Replace this with...
        controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
        keyboardNav:true, // Use left & right arrows
        pauseOnHover:false, // Stop animation while hovering
        manualAdvance:false, // Force manual transitions
        captionOpacity:0.8, // Universal caption opacity
        prevText: 'Prev', // Prev directionNav text
        nextText: 'Next', // Next directionNav text
        beforeChange: function(){}, // Triggers before a slide transition
        afterChange: function(){}, // Triggers after a slide transition
        slideshowEnd: function(){}, // Triggers after all slides have been shown
        lastSlide: function(){}, // Triggers when last slide is shown
        afterLoad: function(){} // Triggers when slider has loaded
    });
});
</script>
<%
End Sub
%>