#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">
			<a href="#" title="" 
			class="mvshowpages-toggle">
			<i class="fas fa-angle-double-left"></i>
			</a>
			
			$pages.include("/${mediadbappid}/services/module/asset/players/large2/pages.html",$context)
			
			#if( $totalpages > 1 )
		         <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="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 = "image3000x3000.png")
					#set($tpath = $mediaarchive.asLinkToPreview($asset, $size))
				
					<img id="mainimage" class="zoomable" src="$tpath?pagenum=$!pagenum" alt="$!asset.name" />
				</div>	
			</div>
			
		</div>
	</div>
</div>