<div class="lotusGallery" dojoattachpoint="galleryWrapper" id="slider2" widgetid="slider2"> <div class="lotusThumbnails" dojoattachpoint="thumbnailStripWrapper"> <a class="lotusNavControl lotusNavPrev" dojoattachpoint="navPrevThumbs" dojoattachevent="onclick: prevThumbs" title="Scroll backward"> <img dojoattachpoint="navPrevImg" src="../../css/images/blank.gif" alt="Scroll backward"><span class="lotusAltText"><</span> </a> <div class="lotusThumbnailScroller" dojoattachpoint="thumbnailScroller"> <div class="lotusThumbnailStrip" dojoattachpoint="thumbnailWrapper" role="tablist" tabindex="0" aria-activedescendant="slider2__tn_4"> <div id="slider2__tn_0" class="lotusThumbnail" role="tab" tabindex="-1" aria-selected="false"><div class="lotusImageTrim"><img height="67" width="50" src="../../docResources/sampleImages/mv_seagull.jpg" title="Sea Gull" alt="Sea Gull" style="top: -8px;"></div><div id="slider2__sel_0" class="lotusThumbOverlay" title="Bike Rack"></div></div> <div id="slider2__tn_1" class="lotusThumbnail lotusNoThumbnail" role="tab" tabindex="-1" aria-selected="false"><div class="lotusImageTrim"><div class="lotusNoImage" title="Image not found"></div></div><div id="slider2__sel_3" class="lotusThumbOverlay" title="White Flower"></div></div> <div id="slider2__tn_2" class="lotusThumbnail" role="tab" tabindex="-1" aria-selected="false"><div class="lotusImageTrim"><img height="50" width="145" src="../../docResources/sampleImages/mv_branch.jpg" title="Branch" alt="Branch" style="left: -47px;"></div><div id="slider2__sel_1" class="lotusThumbOverlay" title="Branch"></div></div> <div id="slider2__tn_3" class="lotusThumbnail" role="tab" tabindex="-1" aria-selected="false"><div class="lotusImageTrim"><img height="50" width="75" src="../../docResources/sampleImages/mv_cat.jpg" title="It's a Cat's Life!" alt="It's a Cat's Life!" style="left: -12px;"></div><div id="slider2__sel_2" class="lotusThumbOverlay" title="It's a Cat's Life!"></div></div> <div id="slider2__tn_4" class="lotusThumbnail lotusLast" role="tab" tabindex="0" aria-selected="true"><div class="lotusImageTrim"><img height="50" width="75" src="../../docResources/sampleImages/mv_pinkflowers2.jpg" title="Pink Clouds" alt="Pink Clouds" style="left: -12px;"></div><div id="slider2__sel_4" class="lotusThumbOverlay lotusSelected" title="Pink Clouds"></div></div> <div id="slider2__tn_5" class="lotusThumbnail" role="tab" tabindex="-1" aria-selected="false"><div class="lotusImageTrim"><img height="50" width="74" src="../../docResources/sampleImages/mv_fence.jpg" title="fence.jpg" alt="fence.jpg" style="left: -12px;"></div><div id="slider2__sel_5" class="lotusThumbOverlay" title="Sunflower"></div></div> <div id="slider2__tn_6" class="lotusThumbnail" role="tab" tabindex="-1" aria-selected="false"><div class="lotusImageTrim"><img height="74" width="50" src="../../docResources/sampleImages/mv_moss.jpg" title="Moss" alt="Moss" style="top: -12px;"></div><div id="slider2__sel_6" class="lotusThumbOverlay" title="Moss"></div></div> <div id="slider2__tn_7" class="lotusThumbnail" role="tab" tabindex="-1" aria-selected="false"><div class="lotusImageTrim"><img height="50" width="107" src="../../docResources/sampleImages/mv_mountains.jpg" title="Vermont" alt="Vermont" style="left: -28px;"></div><div id="slider2__sel_7" class="lotusThumbOverlay" title="Vermont"></div></div> <div id="slider2__tn_8" class="lotusThumbnail" role="tab" tabindex="-1" aria-selected="false"><div class="lotusImageTrim"><img height="50" width="162" src="../../docResources/sampleImages/mv_panorama.jpg" title="Worcester Bridge" alt="Worcester Bridge" style="left: -56px;"></div><div id="slider2__sel_8" class="lotusThumbOverlay" title="Worcester Bridge"></div></div> <div id="slider2__tn_9" class="lotusThumbnail" role="tab" tabindex="-1" aria-selected="false"><div class="lotusImageTrim"><img height="74" width="50" src="../../docResources/sampleImages/mv_parrot.jpg" title="Parrot" alt="Parrot" style="top: -12px;"></div><div id="slider2__sel_9" class="lotusThumbOverlay" title="Parrot"></div></div> <div id="slider2__tn_10" class="lotusThumbnail" role="tab" tabindex="-1" aria-selected="false"><div class="lotusImageTrim"><img height="50" width="75" src="../../docResources/sampleImages/mv_pinkflowers.jpg" title="Pink Flowers" alt="Pink Flowers" style="left: -12px;"></div><div id="slider2__sel_10" class="lotusThumbOverlay" title="Pink Flowers"></div></div> <div id="slider2__tn_11" class="lotusThumbnail" role="tab" tabindex="-1" aria-selected="false"><div class="lotusImageTrim"><img height="74" width="50" src="../../docResources/sampleImages/mv_flower.jpg" title="Garden Flower" alt="Garden Flower" style="top: -12px;"></div><div id="slider2__sel_11" class="lotusThumbOverlay" title="Garden Flower"></div></div> <div id="slider2__tn_12" class="lotusThumbnail" role="tab" tabindex="-1" aria-selected="false"><div class="lotusImageTrim"><img height="75" width="50" src="../../docResources/sampleImages/mv_puppy.jpg" title="Puppy" alt="Puppy" style="top: -12px;"></div><div id="slider2__sel_12" class="lotusThumbOverlay" title="Puppy"></div></div> <div id="slider2__tn_13" class="lotusThumbnail" role="tab" tabindex="-1" aria-selected="false"><div class="lotusImageTrim"><img height="75" width="50" src="../../docResources/sampleImages/mv_rockytrail.jpg" title="A Rocky Trail on Mount Wachusett in Princeton, MA" alt="A Rocky Trail on Mount Wachusett in Princeton, MA" style="top: -12px;"></div><div id="slider2__sel_13" class="lotusThumbOverlay" title="A Rocky Trail on Mount Wachusett in Princeton, MA"></div></div> <div id="slider2__tn_14" class="lotusThumbnail" role="tab" tabindex="-1" aria-selected="false"><div class="lotusImageTrim"><img height="75" width="50" src="../../docResources/sampleImages/mv_stream.jpg" title="Stream" alt="Stream" style="top: -12px;"></div><div id="slider2__sel_14" class="lotusThumbOverlay" title="Stream"></div></div> <div id="slider2__tn_15" class="lotusThumbnail" role="tab" tabindex="-1" aria-selected="false"><div class="lotusImageTrim"><img height="50" width="66" src="../../docResources/sampleImages/mv_sunset.jpg" title="Sunset" alt="Sunset" style="left: -8px;"></div><div id="slider2__sel_15" class="lotusThumbOverlay" title="Sunset"></div></div> <div id="slider2__tn_16" class="lotusThumbnail" role="tab" tabindex="-1" aria-selected="false"><div class="lotusImageTrim"><img height="50" width="74" src="../../docResources/sampleImages/mv_thebeach.jpg" title="The Beach" alt="The Beach" style="left: -12px;"></div><div id="slider2__sel_16" class="lotusThumbOverlay" title="The Beach"></div></div> <div id="slider2__tn_17" class="lotusThumbnail" role="tab" tabindex="-1" aria-selected="false"><div class="lotusImageTrim"><img height="75" width="50" src="../../docResources/sampleImages/mv_thebog.jpg" title="The Bog" alt="The Bog" style="top: -12px;"></div><div id="slider2__sel_17" class="lotusThumbOverlay" title="The Bog"></div></div> <div id="slider2__tn_18" class="lotusThumbnail" role="tab" tabindex="-1" aria-selected="false"><div class="lotusImageTrim"><img height="75" width="50" src="../../docResources/sampleImages/mv_trailmarker.jpg" title="Two Trails" alt="Two Trails" style="top: -12px;"></div><div id="slider2__sel_18" class="lotusThumbOverlay" title="Two Trails"></div></div> <div id="slider2__tn_19" class="lotusThumbnail lotusLast" role="tab" tabindex="-1" aria-selected="false"><div class="lotusImageTrim"><img height="50" width="75" src="../../docResources/sampleImages/mv_fence.jpg" title="fence.jpg" alt="fence.jpg" style="left: -12px;"></div><div id="slider2__sel_19" class="lotusThumbOverlay" title="fence.jpg"></div></div> </div></div> <a class="lotusNavControl lotusNavNext" dojoattachpoint="navNextThumbs" dojoattachevent="onclick: nextThumbs" title="Scroll forward"> <img dojoattachpoint="navNextImg" src="../../css/images/blank.gif" alt="Scroll forward"><span class="lotusAltText">></span> </a> <div class="lotusThumbnailTemplate" dojoattachpoint="thumbnailTemplate"></div> <div class="lotusClear"></div> </div> <div class="lotusItemViewer" dojoattachpoint="itemWrapper"> <a tabindex="0" class="lotusNavPrev lotusNavControl" dojoattachpoint="navPrevItem" dojoattachevent="onclick: prevItem" title="Previous item"> <img dojoattachpoint="itemPrevImg" src="../../css/images/blank.gif" alt="Previous item"><span class="lotusAltText"><</span> </a> <div class="lotusItem" dojoattachpoint="itemNodeWrapper"> <div dojoattachpoint="itemNode"><div id="slider2_imageDiv11"><img height="283" width="424" src="../../docResources/sampleImages/mv_pinkflowers2.jpg" title="Pink Clouds" alt="Pink Clouds"></div></div> </div> <a tabindex="0" class="lotusNavNext lotusNavControl lotusNavEnd" dojoattachpoint="navNextItem" dojoattachevent="onclick: nextItem" title="Return to beginning"> <img dojoattachpoint="itemNextImg" src="../../css/images/blank.gif" alt="Return to beginning"><span class="lotusAltText">></span> </a> </div> <div class="lotusItemDetails" dojoattachpoint="footerWrapper"> <div class="lotusDetails" dojoattachpoint="footerNode"> <div dojoattachpoint="footerTitle" class="lotusInner"> <h2 class="lotusTitle"><span class="lotusCount">12 of 20</span><span title="Pink Clouds">Pink Clouds</span></h2> <p><span title="These flowers look like soft fluffy clouds or cotton!">These flowers look like soft fluffy clouds or cotton!</span></p> </div> <div class="lotusMeta lotusClear"> <span dojoattachpoint="footerDetails" class="lotusInner"><a href="http://www.companyname.com">Details</a></span> <span dojoattachpoint="footerAuthor" class="lotusInner"> by <a class="lotusPerson" href="javascript:;">Peter Blakeny</a> </span> <span dojoattachpoint="footerDate" class="lotusInner"> uploaded March 11, 2010 </span> </div> </div> </div> </div>