function changeImage(img) {
  var imageName;
 for (i = 0; i <= 9; i++) {
  imageName = "image" + i;
  if (document.getElementById(imageName)) {
   document.getElementById(imageName).style.display='none';
  }
 }
 
document.getElementById(img).style.display='block';
return false;
}

function changeLayer(menuObj) {
 var layerName;
 for (i = 1; i <= 9; i++) {
  layerName = "image" + i; 
  if (document.getElementById(layerName)) {
   document.getElementById(layerName).style.display='none';
  }
 }

var menu = menuObj.selectedIndex;
var onLayer = "image" +  menuObj.options[menu].id;
document.getElementById(onLayer).style.display='block';
return false;
}


// show alt image views layer and hide select menus for IE6
function showLayer(layer,state) {
  if (document.getElementById(layer)) {
   if (state == "on"){ 
     document.getElementById(layer).style.visibility='visible';
	 if (document.getElementById('product-table')){
     	var orderTable = document.getElementById('product-table');
		var options = orderTable.getElementsByTagName('select');
		for (i=0;i < options.length;i++){
			options[i].style.visibility="hidden";
		}
	 }
   }
   if (state == "off"){ 
     document.getElementById(layer).style.visibility='hidden';
	 if (document.getElementById('product-table')){
     	var orderTable = document.getElementById('product-table');
		var options = orderTable.getElementsByTagName('select');
		for (i=0;i < options.length;i++){
			options[i].style.visibility="visible";
		}
	 }
   }
  }
  return false;
 }

//select color if image is clicked
function changeOption(num) {
  var colorSelect = document.getElementById("colors-select");
  var colorOptions = colorSelect.getElementsByTagName('option');
  colorOptions[num].selected=true;
}

function ResizeToFit(dlg, picHeight, picWidth) {

 var imgWidth;
 var imgHeight;

 imgWidth = picWidth + 60; 
 imgHeight = picHeight + 110;
 dlg.resizeTo(imgWidth, imgHeight);
}
function mssDisplayImages(img, name, width, height){

 features = 

"toolbar=no,location=no,directories=no,status=no,menubar=no," +
    "scrollbars=no,resizable=no,width=" + width + ",height=" + height;
 dlg = window.open ("","Details",features);
 dlg.document.write("<html><head><title>" + name + " Zoom</title></head>");
 dlg.document.write("<body bgcolor=white onLoad=\"javascript:opener.ResizeToFit(self,  picImg.height, picImg.width);\"><center>");
 dlg.document.write("<table width=100% height=100%>");
 dlg.document.write("<tr><td align=center valign=middle>");
 dlg.document.write("<img name=picImg src=" + img + ">");
 dlg.document.write("</td></tr>");
 dlg.document.write("<tr><td align=\"center\" valign=\"middle\">");
 dlg.document.write("<a href=# onClick=\"window.close()\";>");
 dlg.document.write("<font size=1 face=Arial>Click to close</font></a>");
 dlg.document.write("</td></tr>");
 dlg.document.write("</table></body></html>");
 dlg.document.close();
}

