<script language="javascript" src="%%CATALOGPATH%%template/misc/popups.js"></script>
<script language="javascript" src="%%CATALOGPATH%%template/misc/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	$("#imagegallery a").click(function(event) {
		event.preventDefault();
		var image = $(this).attr("name");
		$("img#largeimage").attr("src", image);
//		var description = $(this).attr("title");
		$("#desc").empty();
		$("#desc").append(description);
	});
});
</script>	
<table width="100%"  border="0" cellspacing="0" cellpadding="0">
	<tr>
		<td width="15"  scope="col">&nbsp;</td>
		<td align="left" valign="top">
			<table width="100%" border="0" cellspacing="1" cellpadding="0">
				<tr>
					<td valign="top">
					    <table width="100%" border="0" cellpadding="4">
                          <tr>
						  	<td colspan="2" valign="top">
								<p><!-- BEGIN LARGEIMAGE --><img id="largeimage" src="%%LARGEIMAGE%%" align="left" hspace="5"><!-- END LARGEIMAGE --><a href="%%PRODUCTURL%%" class="productlink">%%PRODUCTNAME%% <!-- BEGIN MODELNUMBER -->%%MODELNUMBER%%<!-- END MODELNUMBER --></a><br /><br /><!-- BEGIN TEXTITEMS --><!-- BEGIN CURRENTTEXTITEM --><strong>%%TEXTITEM%%</strong><br /><!-- END CURRENTTEXTITEM --><!-- BEGIN TEXTITEM --><a href="%%TEXTITEMURL%%" class="boldlinks">%%TEXTITEM%%</a><br /><!-- END TEXTITEM -->
								<!-- END TEXTITEMS --></p></td>
							</tr>
                          <tr>
							<tr><td align="center">Click on an image below to see the larger view.<br /><br /><span id="imagegallery"><!-- BEGIN GALLERY --><a href="%%GALLERYURL%%" name="%%IMAGELARGE%%"><img src="%%IMAGESMALL%%" border="0" hspace="8" vspace="10"></a> <!-- END GALLERY --></span></td></tr>
						</table>
					</td>
				</tr>
			</table>
		</td>
	</tr>
</table>