#set($totalpages = $numberutils.toInt($asset.pages))
#set ($pagenum = $context.findValue("pagenum") )
#if ( $pagenum ) 
	#set($pagenum = $numberutils.toInt($pagenum))
#else
    #set ( $pagenum = 1)
#end
#set ($currentfive = (($pagenum - 1) / 5) * 5)
    <div id="pdf-thumbnail-sidebar">
                <ul>
                <li id="prevfive">
                #if ($currentfive > 0 )
                    #set( $prevfive = $currentfive)
                   <a href="index.html?assetid=${asset.getId()}&pagenum=$prevfive&hitssessionid=#esc($hitssessionid)"> << [[Previous Five]] </a>
                #end
                </li>
 				#set( $start = $currentfive) 
                #set($end = $start + 4)
               
                #if( $end > $totalpages - 1 )
                  #set( $end = $totalpages - 1 )
                #end
                
                #foreach( $index in [$start..$end])
                	#set( $page = $index + 1)                    
                	<li class="#if ( $page == $pagenum ) current #end">
                        <a href="$home$apphome/views/modules/asset/editor/viewer/index.html?assetid=${asset.getId()}&pagenum=$page&hitssessionid=#esc($hitssessionid)">
                            <div class="emdropshadow">
       							<img class="emdropshadow" src="$home/${applicationid}/views/modules/asset/downloads/preview/documentcrop/${asset.sourcepath}/preview.jpg?pagenum=$page" />
       						</div>	
                            <p><span>$page</span></p>
                        </a>
                    </li>
                #end
                <li id="nextfive">
                #if ( $totalpages > $currentfive  + 5)
                    #set( $nextthumb = $currentfive + 6)
                        <a href="index.html?assetid=${asset.getId()}&pagenum=$nextthumb&hitssessionid=#esc($hitssessionid)"> [[Next Five]] >> </a>
                #end
                </li>
            </ul>
         </div>