#set( $pagenum = $context.getRequestParameter("documentpagenum") )
	
	#if( !$pagenum)
	 #set( $pagenum = 1 )
	#end 
	
	#set( $name = $context.getRequestParameter("name") )
	#set ( $urlenc = $url_util.encode($asset.sourcepath))
	#set($totalpages = $numberutils.toInt($asset.pages))
<div id="pdfviewer" class="assetpanel-document">
<div class="assetpanel-container">
<div class="assetpanel-sidebar #if($totalpages<2) assetpanel-sidebar-hidden #end">

	<a href="#" title="" 
	class="mvshowpages-toggle">
	<i class="fas fa-angle-double-left"></i>
	</a>

	#if( $totalpages > 1 )
		$pages.include("/${mediadbappid}/services/module/asset/players/large2/pages.html",$context)
         <div id="jumpto" class="mvjumpto">
              <form id="jumptoform" class="ajaxform" 
              		targetdiv="pdfviewer" 
              		data-totalpages="$totalpages" 
              		action="$!siteroot$page.getPath()">
              	<p><span>[[Jump To Page]] (1 - $totalpages):</span></p>
				<p>
                 <input  type="hidden" name="assetid" value="$!asset.getId()" />
                 <input  type="hidden" name="name" value="$name" />
                 <input  type="hidden" name="hitssessionid" value="$!hitssessionid" />
                 <input  type="hidden" name="oemaxlevel" value="1" />
                 <input  type="hidden" name="hidenav" value="$hidenav" />
                ## <input type="submit" id="gotopage" class="btn" value="Go" />
                 <a href="#" class="jumpto-left" ><span class="fas fa-caret-left"></span></a>
                 <input id="pagejumper" name="documentpagenum" value="$!pagenum" >
                 <a href="#" class="jumpto-right" ><span class="fas fa-caret-right"></span></a>
                 </p>
              </form>
          </div>                
	      #end

	##$pages.include("$apphome/components/mediaviewer/fullscreen/tabs/viewcarousel.html",$context)
</div>
<div class="assetpanel-content #if($totalpages<2) assetpanel-content-full #end">
	<div class="assetpanel-content-inside">
		[[Click to drag. Mouse wheel to zoom]]
		
		<div id="mainimageholder"> 
			#set( $size = "image1500x1500.png")
			#if( $mediaarchive.isCatalogSettingTrue("uselegacypreview") )
				#set( $size = "image1024x768.jpg")
			#end			
			#set($tpath = $mediaarchive.asLinkToPreview($asset, $size))
		
			<img id="mainimage" class="zoomable" src="$tpath?pagenum=$!pagenum" alt="$!asset.name" />
		</div>	
	</div>
	
</div>
</div>
</div>