<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ShowZoom.aspx.cs" Inherits="template_ShowZoom" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html class="html" xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="zh-CN" />
<link rel="stylesheet" rev="stylesheet" id="lnkauto" />
<!--#include file="../../inc/css.inc" -->
<script type="text/javascript" src="/common/client.js" charset="utf-8"></script>
</head>
<body style="background-color:#ffffff;" scroll="no">
<script src="/common/zoom.js" type="text/javascript"></script>	
      <TABLE id="tabzoom" cellSpacing="0" cellPadding="0" width="635"  style="background-color:#EFF6F8;"  border="0">
        <tr>
        	<td height="15"></td>
        </tr>
        <TR>
          <TD>
            <DIV id="imagePlaceHolder"  style="border:solid 1px #cccccc;width:350px;">
            <script language=javascript>
            var scaleLevels;
            

					    scaleLevels = new Array(4);
				
				
					    scaleLevels[0] = new MediaServicesZoomScale(600, 600, 600);
				
					    scaleLevels[1] = new MediaServicesZoomScale(828, 828, 400);
				
					    scaleLevels[2] = new MediaServicesZoomScale(1242, 1242, 400);
				
					    scaleLevels[3] = new MediaServicesZoomScale(1656, 1656, 400);

            
						DynAPI.addZoomViewer("/images/P/<%=GetImageName(table["C_Image"])%>",350,350,2152,2152,188472854,"amz",scaleLevels);
        		</script>
        		</div>
        		<DIV id="imageViewerDiv"></DIV>
            
            </TD></TR>
            <tr>
        	<td height="15"></td>
        </tr>
        <TR>
          <TD  style="margin:0px;padding:0px;background-color:#DEECF0;">
            
            <TABLE height="50" cellSpacing="0" cellPadding="0" width="100%" border="0">
              <TR>
                <TD align="middle" >
                	
         			
					<SCRIPT language=javascript>
var zoomButtonText = '<div id="zoomTextDiv" class="notetext">Click anywhere on the image to zoom. Click and drag the image to pan.</div>';
var zoomButtons = '<div id="zoomButtonsDiv"><a href="javascript:viewerZoomIn();"><img src="/template/images/zoom/b-zoom-on.gif" vspace="5" border="0" id="zoomIn" /></a><a href="javascript:viewerZoomOut();"><img src="/template/images/zoom/b-zoom-out-off.gif" vspace="5" border="0" id="zoomOut" /></a><a href="javascript:viewerReset();"><img src="/template/images/zoom/b-reset-off.gif" vspace="5" border="0" id="reset" /></a></div>';
</SCRIPT>
                  <NOSCRIPT>
                  <DIV class=notetext id=zoomTextDiv>Please enable Javascript in 
                  your browser to make Zoom available</DIV>
                  <DIV id=zoomButtonsDiv></DIV></NOSCRIPT>
                  <SCRIPT language=javascript>
document.write(zoomButtonText);
document.write(zoomButtons);
</SCRIPT>
								
                </TD></TR></TABLE>
        </TD></TR>
                
        <%if(table["C_SideImage"]!=""){%>
        
        <TR>
          <TD style="margin:0px;padding:0px;background-color:#DEECF0;"><SPAN class=notetext>Other Views- Click on image to change view.</SPAN> 
            <TABLE cellSpacing=0 cellPadding="5" width="100%" align="center"  border="0">
              
              <TR vAlign=center><td>
                <script language="javascript">

fetchImage("alt_image_MAIN", "/upload/image/<%=table["C_Image"]%>" );
var scaleLevelsMAIN;
fetchImage("alt_image_FRNT", "/upload/image/<%=table["C_SideImage"]%>" );
var scaleLevelsFRNT;

</script></td>
              </TR></TABLE>
              
            <TABLE cellSpacing=0 cellPadding=5 border="0" id="taballzoom" style="width:150px;margin:0px auto;">
              <TR vAlign="center" >
              <TR>
                <TD width=45>
                 <IMG width="45" class=imgborderon id=alt_image_MAIN onclick="setImageBorder('alt_image_MAIN');javascript:showZoomViewer();viewerShowZoomImage('/images/P/<%=GetImageName(table["C_Image"])%>',2152,2152,0,'amz', scaleLevelsMAIN); return false" src="/upload/image/<%=table["C_Image"]%>" border=0></A>
                </TD>
                <TD width=45>
                 
                 <IMG width="45" class=image id=alt_image_FRNT onclick="setImageBorder('alt_image_FRNT');javascript:showZoomViewer();viewerShowZoomImage('/images/P/<%=GetImageName(table["C_SideImage"])%>',2152,2152,0,'amz', scaleLevelsFRNT); return false"  src="/upload/image/<%=table["C_SideImage"]%>"  border=0>
                </TD></TR>
                <tr>
                	<td height="5" colspan="2"></td>
                </tr>
                <%}%>
                </TABLE></TD></TR>
           </TABLE>


<script type="text/javascript" >
LoadBody();
function LoadBody()
{
	
	ResizeZoom();
	doZoomSize(parent.i_size);
}

function doZoomSize(i_size)
{
	var i_fontsize=14+i_size;
	if(i_fontsize>21)
		i_fontsize=21;
		
	
	
  	$('zoomTextDiv').style.fontSize=i_fontsize;
  	$('zoomTextDiv').style.lineHeight="120%";
  	
  
}

</script>
</body>
</html>