#set ($pagenum = $context.findValue("pagenum") )
#if ( $pagenum ) 
	#set($pagenum = $numberutils.toInt($pagenum))
#else
    #set ( $pagenum = 1)
#end

#set ( $hitssessionid = $context.findValue("hitssessionid"))
#set ($sourcepath = $asset.sourcepath )
#set($totalpages = $numberutils.toInt($asset.pages))
    <div id="pdf-viewer-container">
        #if ($pagenum > 1)
            #set( $prevthumb = $pagenum - 1)
            <a id="prevpage" class="ir" href="$home$apphome/views/modules/asset/editor/viewer/index.html?assetid=${asset.getId()}&pagenum=$prevthumb&hitssessionid=#esc($hitssessionid)&currentpreview=$currentpreview"> [[Previous]] </a>
        #end
        #set( $link = "/${applicationid}/components/mediaviewer/player/zoom/index.html?assetid=$asset.id&pagenum=$pagenum&name=preview.png")
	<a class="stackedplayer" data-assetid="$asset.id" data-pagenum="$pagenum" href="#" >
       <div class="emdropshadow">
       		#set( $size = "image1500x1500.png")
			#if( $mediaarchive.isCatalogSettingTrue("uselegacypreview") )
				#set( $size = "image1024x768.jpg")
			#end			
       
       		#set( $img = $mediaarchive.asLinkToPreview($asset,$size))
        	<img id="main-media" style="max-width:76%;" class=" #if( $totalpages > 1 ) document #end  assetdragdrop"  draggable="true"  data-sourcepath="$sourcepath" 
        		data-name="$asset.name" src="$img?pagenum=$!pagenum" alt="[[Preview Image]]"/>
       </div> 
        </a>
        #if ($pagenum != $totalpages)
            #set( $nextthumb = $pagenum + 1)
            <a id ="nextpage" class="ir" href="$home$apphome/views/modules/asset/editor/viewer/index.html?assetid=${asset.getId()}&pagenum=$nextthumb&hitssessionid=#esc($hitssessionid)"> [[Next]] </a>
        #end
    </div>



#if( $totalpages > 1 )
                    <div id="jumpto" class="row">
                    	
                        <form method="get"  action="$home$apphome/views/modules/asset/editor/viewer/index.html">
                        	<span>[[Jump To Page]] (1 - $totalpages)</span>
                           <input id="pagejumper" name="pagenum" value="$!pagenum" />
                           <input  type="hidden" name="assetid" value="$!asset.getId()" />
                           <input  type="hidden" name="hitssessionid" value="$!hitssessionid" />
                           <input type="submit" id="gotopage" class="btn" value="Go" />
                        </form>
                        
                        
                    </div>
                #end



<div id="badgecontainer">
#set( $badges = $mediaarchive.getBadges($asset) )
<div class="badgetarget">
#if($canshowbadge)
	#foreach($badge in $badges)
		<span id="$badge.getId()" class="embadge $badge.getId()" style="background-image:url('$home$themeprefix/images/badges/${badge.getId()}.svg')" title="$badge.getName()"> </span>
	#end
#end
</div>
</div>