function imgOn(imgName) {
        document.getElementById("dept_sku_img").innerHTML="<img src=\"assets/images/swatches/" + dept_id + "_" + imgName + "_lg.jpg\" align=\"middle\" border=\"0\" hspace=\"0\" vspace=\"0\">";
}

function display_thumbnails()
{
	var array_largeimage;
	if (typeof deptSwatch !="undefined" && deptSwatch != "" && deptSwatch != "default")
	{
		var thumbnails_array = deptSwatch.split(",");
		var image_array;
		if (thumbnails_array.length >= 1)
		{
			//the number below changes the number of columns for the swatches
			var columns=3;
			var atn;
			atn=0;
			var myImage;
			var counter=1;
			document.write("Additional Views:");
			document.write("<table border=0><tr><td><div align=center width=100%><table border=0><tr>");
			
			for (atn=0; atn<thumbnails_array.length; atn++)
			{
				if (thumbnails_array[atn]!="")
				{
					image_array = thumbnails_array[atn].split(":");
					document.write("<td align=center><table border=0><tr><td align=center><A HREF=\"#\" onClick=\"imgOn('"+image_array[1]+"'); return false;\" ><img NAME=\""+image_array[1]+"\" id=\""+image_array[1]+"\" src=\"assets/images/swatches/" + dept_id + "_" + image_array[1] + "_sm.jpg\" border=0></A>");
					document.write("<br>"+image_array[0]+"</td></tr></table></td>");
					if (counter==columns){document.write("</tr><tr>");counter=0}
				}
			counter = counter+1;
			}
			document.write("</tr></table></div></td></tr></table>");
		}
	}
} //end display_thumbnails