// 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.display='block';
if (document.getElementById('itemform')){
var itemform = document.getElementById('itemform');
var options = itemform.getElementsByTagName('select');
for (i=0;i < options.length;i++){
options[i].style.visibility="hidden";
}
}
}
if (state == "off"){
document.getElementById(layer).style.display='none';
if (document.getElementById('itemform')){
var itemform = document.getElementById('itemform');
var options = itemform.getElementsByTagName('select');
for (i=0;i < options.length;i++){
options[i].style.visibility="visible";
}
}
}
}
}
// changes main image when small image is clicked and changes select menu to correct option
function changeImage(img) {
var imageName;
for (i = 1; i <= 9; i++) {
imageName = "image" + i;
expImageName = "exp-image" + i;
if (document.getElementById(imageName)) {document.getElementById(imageName).style.display='none';}
if (document.getElementById(expImageName)) {document.getElementById(expImageName).style.display='none';}
}
var onImage = "image" + img;
var expOnImage = "exp-image" + img;
document.getElementById(onImage).style.display='block';
document.getElementById(expOnImage).style.display='block';
if(document.getElementById("colors-select") && document.getElementById("colors-select") != null){
document.getElementById("colors-select").options[img - 1].selected=true;
}
}
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("" + name + " Zoom");
dlg.document.write("
");
dlg.document.close();
}
// changes image to correct image based on option selected from menu
function changeLayerLocal(menuObj){
//alert(this)
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 imgId = menuObj.options[menu].index + 1;
var onLayer = "image" + imgId;
document.getElementById(onLayer).style.display='block';
}