<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{$title}</title>
<link href="../css/global.css" rel="stylesheet" type="text/css" />
<!-- Initialize Dojo -->
{literal}
<script src='../dojo/dojo/dojo.js' type='text/javascript'></script>
<script type='text/javascript'>
//<!--
// The following function submits the data from the 'post-form' form
// to a PHP script located at
// 'http://www.dojoforum.com/demo-0.9/xhr/parse_form.php'
// The PHP script simply outputs a string in the format of
// 'Hello $name!', which is then put in the <div> w/ the id
// of 'response'.
//
// NOTE: As with xhrGet, you can also use handleAs to accept
// JSON objects in your load() function.
//dojo.require("dojo.style");
function changeProductImage(filename){
document.getElementById("main_product_image").src = "../product_images/"+filename;
}
</script>
{/literal}
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0" >
<tr>
<td>
<h1>{$page_heading}</h1>
{section name=productDataImages loop=$productDataImages}
<a href="#" onClick="changeProductImage('{$productDataImages[productDataImages].image_filename}')"><img src="../product_images/{$productDataImages[productDataImages].image_filename}" border="0" width="60" /></a>
{/section}
<div>{if $current_image!=""}
<img src="../product_images/{$current_image}" id="main_product_image" border="0"/><br />
{/if}
</div>
</td>
</tr>
<tr>
<td></td>
</tr>
</table>
</body>
</html>