// image swapping 

function ImageSwitchAttachEvents()
  {
   imageSwapTimer = null;
    // naming convention: small = "_sm" medium = "_md" large = "_lg"
    var size_small = "_sm." // 28x28 px
    var size_medium = "_md." // 160x100 px
    var size_large = "_lg." // 400x400 px
    
    var imageSwitcher =  document.getElementById("hover-image-swap");
    if (!imageSwitcher){ return; }
    var objMainImage = imageSwitcher.getElementsByTagName("img")[0]; // this is the main image
    var defaultImageSrc = objMainImage.src;
    var objLIs = imageSwitcher.getElementsByTagName("li");

    for (var i=0; i<objLIs.length; i++)
    {
      if (objLIs.length > 0)
      {
        var targetImage = objLIs[i].getElementsByTagName("img")[0];
        var preload = new Image(); 
        preload.src = targetImage.src.replace(size_small, size_medium);
        var anchor = objLIs[i].getElementsByTagName("a")[0];;
        anchor.onmouseover=function()
        { 
          if (imageSwapTimer > -1)
          {
           window.clearTimeout(imageSwapTimer)
          }
          objMainImage.src = this.childNodes[0].src.replace(size_small, size_medium);
        }   
        anchor.onfocus=function()
        {
          this.onmouseover();
        }  
        anchor.onmouseout=function()
        {
          imageSwapTimer = setTimeout("imageSwapReset('" + defaultImageSrc + "')" , 400);
        }   
        anchor.onblur=function()
        { 
          this.onmouseout();
        }  
        anchor.onclick=function()
        {
         var largeImageSrc = this.childNodes[0].src.replace(size_small, size_large)
         var enlargerImageWindow = window.open(largeImageSrc,'productImage',"width=420,height=420")
         enlargerImageWindow.focus();
         return(false)
        }  
      }
    }
  }  
  
  function imageSwapReset(defaultImageSrc)
  {
   document.getElementById("hover-image-swap").getElementsByTagName("img")[0].src = defaultImageSrc;
  }

if (window.attachEvent) window.attachEvent("onload", ImageSwitchAttachEvents);
if (window.addEventListener) window.addEventListener( "load", ImageSwitchAttachEvents, false );