<link rel="stylesheet" href="/style/global.css" type="text/css" media="screen" />
<style>
.prev
{
	background:url(../images/Previous-image.jpg) no-repeat;
	 width:20px;
 border:none;
 cursor:hand;
 height:17px;
}
.next
{
	background:url(../images/next-image.jpg) no-repeat;
	 width:20px;
 border:none;
 cursor:hand;
 height:17px;
}
.news_items
{
	border:1px solid #999;
}
.middle-border{border:1px solid #d7d7d7; }

</style>
<table width="908" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="6" align="left" valign="top" class="register-topbg"></td>
  </tr>
  <tr>
    <td align="left" valign="top" class="bordernotop-d9"><table width="906" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="3" class="dashline"></td>
      </tr>
     
      <tr>
        <td height="33" align="center" valign="top"   >&nbsp;</td>
      </tr>
      <tr>
        <td align="center" valign="top"   ><div class="news_slider productImages" style="left:0px;">                                                 
                    <a href="#" class="prev"><img ID="ThemesImage1" src="/images/Previous-image.jpg" width="20" height="17" alt="Previous" title="Previous" /></a>
                    <a href="#" class="next"><img src="/images/next-image.jpg" width="20" height="17" alt="Next" title="Next" /></a>
                    <div class="news_items">                                                                                                                                 
                    <div class="container fl">
                      <%<Hishop:ProductImagePreview ID="displayImg" runat="server"/>%>
                    </div>                                                                           
                  </div>                   
                 </div><br /><br /></td>
      </tr>
      <tr>
        <td height="28" align="center" valign="top"   >
		

		<table border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td class="middle-border"><img id="imgBigPic" src=""  alt="" border="0" style="border-color:White;border-width:0px;left:30px"/></td>
          </tr>
        </table>
		<br />
          </td>
      </tr>
    </table></td>
  </tr>
</table>
<script type="text/javascript">
    var imageObject;

    function ResizeImage(F, D, G) {
        if (F != null) {
            imageObject = F;
        }

        if (document.all) {
            if (imageObject.readyState != "complete") {
                setTimeout("ResizeImage(null," + D + "," + G + ")", 50);
                return;
            }
        }
        else if (!imageObject.complete) {
            setTimeout("ResizeImage(null," + D + "," + G + ")", 50);
            return;
        }

        var B = new Image();
        B.src = imageObject.src;
        var A = B.width;
        var C = B.height;
        if (A > D || C > G) {
            a = A / D;
            b = C / G;
            if (b > a) {
                a = b;
            }
            A = A / a;
            C = C / a;
        }
        if (A > 0 && C > 0) {
            imageObject.width = A;
            imageObject.height = C;
        }
    }
</script>



