var diagramImageSource = new Array();

function thumbshow(whichpic) {
  if (!document.getElementById("placeholder")) return true;
  var source = whichpic.getAttribute("href");
  var placeholder = document.getElementById("placeholder");
  placeholder.setAttribute("src",source);
  if (!document.getElementById("imagelink")) return false;
 
  var imagelink = document.getElementById("imagelink");
  if (imagelink.firstChild.nodeType == 3) {imagelink.setAttribute("href",source);}
  return false;
}

function prepareGallery() {
  if (!document.getElementsByTagName) return false;
  if (!document.getElementById) return false;
  if (!document.getElementById("thumbnails")) return false;
  var gallery = document.getElementById("thumbnails");
  var links = gallery.getElementsByTagName("a");
  for ( var i=0; i < links.length; i++) {
    links[i].onclick = function() {
      return thumbshow(this);
	}
    links[i].onkeypress = links[i].onclick;
  }
}

function prodts(whichprodts) {
  if (!document.getElementById("prodtsholder")) return true;
  var source = whichprodts.getAttribute("href"); // is this needed?? 5/21/08 rk
  var imgname = whichprodts.getAttribute("name");
  var diagramHolder = document.getElementById("diagramHolder"); // get the img above 'product dimension'
  var sequence = 0;
  /*switch (whichprodts.toString())
  {
    case "http://www.ddtechglobal.com/images/products/prod_img_magnalatch_tpm_14.jpg":
		sequence = 0;
		break;
    case "http://www.ddtechglobal.com/images/products/prod_img_magnalatch_tpm_2.jpg":
		sequence = 1;
		break;
	case "http://www.ddtechglobal.com/images/products/prod_img_magnalatch_tpm_31.jpg":
		sequence = 2;
		break;
  }*/
  // alert(diagramImageSource[imgname]);
  var diagramLink = document.getElementById("diagramLink");
  diagramLink.setAttribute("href",diagramImageSource[imgname]);
  diagramHolder.setAttribute("src",diagramImageSource[imgname]); // change the image to directed image
  var prodtsholder = document.getElementById("prodtsholder");
  prodtsholder.setAttribute("src",source);
  
  if (!document.getElementById("prodtslink")) return false;
 
  var prodtslink = document.getElementById("prodtslink");
  if (prodtslink.firstChild.nodeType == 3) {prodtslink.setAttribute("href",source);}
  return false;
}

function preparePROD() {
  if (!document.getElementsByTagName) return false;
  if (!document.getElementById) return false;
  if (!document.getElementById("prodtsthbs")) return false;
  var gallery = document.getElementById("prodtsthbs");
  var links = gallery.getElementsByTagName("a");
  for ( var i=0; i < links.length; i++) {
    links[i].onclick = function() {
      return prodts(this);
	}
    links[i].onkeypress = links[i].onclick;
  }
}

function febens(whichfebens) {
  if (!document.getElementById("febensholder")) return true;
  var source = whichfebens.getAttribute("href");
  var febensholder = document.getElementById("febensholder");
  febensholder.setAttribute("src",source);
  if (!document.getElementById("febenslink")) return false;
 
  var febenslink = document.getElementById("febenslink");
  if (febenslink.firstChild.nodeType == 3) {febenslink.setAttribute("href",source);}
  return false;
}

function prepareFEBENS() {
  if (!document.getElementsByTagName) return false;
  if (!document.getElementById) return false;
  if (!document.getElementById("febensthbs")) return false;
  var gallery = document.getElementById("febensthbs");
  var links = gallery.getElementsByTagName("a");
  for ( var i=0; i < links.length; i++) {
    links[i].onclick = function() {
      return febens(this);
	}
    links[i].onkeypress = links[i].onclick;
  }
}


function extrashow(whichextra) {
  if (!document.getElementById("extraholder")) return true;
  var source = whichextra.getAttribute("href");
  var extraholder = document.getElementById("extraholder");
  extraholder.setAttribute("src",source);
  if (!document.getElementById("extralink")) return false;
 
  var febenslink = document.getElementById("extralink");
  if (febenslink.firstChild.nodeType == 3) {febenslink.setAttribute("href",source);}
  return false;
}

function prepareEXTRA() {
  if (!document.getElementsByTagName) return false;
  if (!document.getElementById) return false;
  if (!document.getElementById("extrathbs")) return false;
  var gallery = document.getElementById("extrathbs");
  var links = gallery.getElementsByTagName("a");
  for ( var i=0; i < links.length; i++) {
    links[i].onclick = function() {
      return extrashow(this);
	}
    links[i].onkeypress = links[i].onclick;
  }
}

function Diagramming(whichDiagram) {
 if (!document.getElementById("diagramHolder")) return true;
 var source = whichDiagram.getAttribute("href");
 var febensholder = document.getElementById("diagramHolder");
 diagramHolder.setAttribute("src",source);
 if (!document.getElementById("diagramLink")) return false;

 var diagramLink = document.getElementById("diagramLink");
 if (diagramLink.firstChild.nodeType == 3)
{diagramLink.setAttribute("href",source);}
 return false;
}

function prepareDIAGRAM() {
 if (!document.getElementsByTagName) return false;
 if (!document.getElementById) return false;
 if (!document.getElementById("colContainer")) return false;
 var gallery = document.getElementById("colContainer");
 var links = gallery.getElementsByTagName("a");
 for ( var i=0; i < links.length; i++) {
   links[i].onclick = function() {
     return Diagramming(this);
       }
   links[i].onkeypress = links[i].onclick;
 }
}

AttachEvent(window,'load',prepareGallery,false);
AttachEvent(window,'load',preparePROD,false);
AttachEvent(window,'load',prepareFEBENS,false);
AttachEvent(window,'load',prepareEXTRA,false);
//AttachEvent(window,'load',prepareDIAGRAM,false);