<div id="$WIDGET_ID-thumbnails_back" class="thumbnail_arrows thumbnails_back">
    <img class="canvas transport-left-D" alt="back" src=""/>
    <img class="canvas transport-left-N" alt="back" style="display: none; " src=""/>
</div>
<div id="$WIDGET_ID-thumbnails_forward" class="thumbnail_arrows thumbnails_forward">
    <img class="canvas transport-right-D" alt="forward" style="display: none; " src=""/>
    <img class="canvas transport-right-N" alt="forward" src=""/>
</div>
<div id="$WIDGET_ID-middle" class="middle" style="position: relative;">
<!-- Header Controls -->
    <div class="header_controls positioned">
        <div class="Comment_Posted_Date positioned" style="text-align: center; margin: 0px;">
            <div class="positioned">
                <div class="left">
                    <a href="#grid" onclick="javascript:$WIDGET_ID.exitDetailView()"><!--
                        --><img class="canvas back" alt="back" src=""/><!--
                    --></a>
                    <a href="#grid" onclick="javascript:$WIDGET_ID.exitDetailView()"><!--
                        --><script type="text/javascript"><!--
              	            WriteLocalizedString('$WIDGET_CLASS_ID', 'Back to Album');
                        --></script><!--
                    --></a>
                </div>
                <div class="right" id="$WIDGET_ID-download" style="visibility: hidden;">
                    <a href="javascript:$WIDGET_ID.downloadPhoto()"><!--
                        --><img class="canvas download" alt="download" src=""/><!--
                    --></a>
                    <a href="javascript:$WIDGET_ID.downloadPhoto()"><!--
                        --><script type="text/javascript"><!--
              	            WriteLocalizedString('$WIDGET_CLASS_ID', 'Download');
                        --></script><!--
                    --></a>
                </div>
            </div>
            <div>
                <span id="$WIDGET_ID-view" class="view">
                    <a href="javascript:$WIDGET_ID.toggleThumbnails()"><!--
                        --><img class="canvas thumbs_on-S thumbs_on_only" alt="thumbnails on" style="display: none; " src=""/><!--
                        --><img class="canvas thumbs_on-N thumbs_off_only" alt="thumbnails on" src=""/><!--
                    --></a>
                    <a href="javascript:$WIDGET_ID.toggleThumbnails()"><!--
                        --><img class="canvas thumbs_off-S thumbs_off_only" alt="thumbnails off" src=""/><!--
                        --><img class="canvas thumbs_off-N thumbs_on_only" alt="thumbnails off" style="display: none; " src=""/><!--
                    --></a>
                </span>
                <span class="play_slideshow">
                    <a href="javascript:$WIDGET_ID.playSlideshow()"><!--
                        --><img class="canvas play" alt="play" src=""/><!--
                    --></a>
                    <a href="javascript:$WIDGET_ID.playSlideshow()"><!--
                        --><script type="text/javascript"><!--
                            WriteLocalizedString('$WIDGET_CLASS_ID', 'Play Slideshow');
                        --></script><!--
                    --></a>
                </span>
            </div>
        </div>
    </div>
<!-- Thumbnails -->
    <div id="$WIDGET_ID-thumbnail_view" class="thumbnail_view">
        <div class="thumbnails_wrapper">
            <div id="$WIDGET_ID-thumbnails" class="thumbnails">
            </div>
        </div>
    </div>
<!-- Main Slideshow -->
    <div style="width: 100%; position: relative; height: 440px; ">
        <div id="$WIDGET_ID-slideshow_placeholder" class="slideshow_placeholder" style="position: absolute; width: 100%; overflow: hidden; ">
        </div>
        <a id="$WIDGET_ID-slideshow_anchor" class="slideshow_anchor" href="javascript:void(0)"></a>
    </div>
<!-- Footer Controls -->
    <div id="$WIDGET_ID-footer_controls" class="footer_controls">
        <div class="Comment_Posted_Date" style="position: relative;">
            <div id="$WIDGET_ID-previous" style="float: left; ">
                <span style="display: none; " class="noselect"><!--
                    --><img class="canvas arrow-left-D" alt="previous" src=""/><!--
                    --><script type="text/javascript"><!--
                        WriteLocalizedString('$WIDGET_CLASS_ID', 'Previous');
                    --></script><!--
                --></span>
                <span><!--
                    --><a href="javascript:void(0)"><img class="canvas arrow-left" alt="previous" src=""/></a><!--
                    --><a href="javascript:void(0)"><!--
                        --><script type="text/javascript"><!--
                            WriteLocalizedString('$WIDGET_CLASS_ID', 'Previous');
                        --></script><!--
                    --></a><!--
                --></span>
            </div>
            <div id="$WIDGET_ID-next" style="float: right; ">
                <span style="display: none; " class="noselect"><!--
                    --><script type="text/javascript"><!--
                        WriteLocalizedString('$WIDGET_CLASS_ID', 'Next');
                    --></script><!--
                    --><img class="canvas arrow-right-D" alt="next" src=""/><!--
                --></span>
                <span><!--
                    --><a href="javascript:void(0)"><!--
                        --><script type="text/javascript"><!--
                            WriteLocalizedString('$WIDGET_CLASS_ID', 'Next');
                        --></script><!--
                    --></a><!--
                    --><a href="javascript:void(0)"><img class="canvas arrow-right" alt="next" src=""/></a><!--
                --></span>
            </div>
        </div>
        <p class="Caption" style="text-align: center; position: relative; margin-left: 100px; margin-right: 100px; ">
        </p>
    </div>
</div>
