var SwapImages = new Object();
window.addListener(SwapImages);
SwapImages.onload = function()
{
 if (document.getElementById)
 {
  this.imageList = document.getElementById('imagelist').getElementsByTagName('img');
  this.bigImage = document.getElementsByClassName('bigimage')[0];
  for (var i = 0, ii = this.imageList.length; i < ii; i++)
  {
   var smallImage = this.imageList[i];
   smallImage.obj = this;
   smallImage.style.cursor = 'hand';
   if (!smallImage.style.cursor)
   {
    smallImage.style.cursor = 'pointer';
   }
   smallImage.onclick = function()
   {
    var bigImg = this.obj.bigImage;
    var tmpSrc = bigImg.src;
    bigImg.src = this.src;
    this.src = tmpSrc;
   };
  }
 }
};


/*var SwapImages = new Object();
window.addListener(SwapImages);
SwapImages.onload = function()
{
 if (document.getElementById)
 {
  this.activeImage = 0;
  this.smallImages = [];
  this.bigImages = [];
  
  this.imageList = document.getElementById('imagelist').getElementsByTagName('img');
  this.bigImage = document.getElementsByClassName('bigimage')[0];
  
  for (var i = 0, ii = swapImagesBig.length; i < ii; i++)
  {
   if (swapImagesSmall[i] && swapImagesBig[i])
   {
    this.smallImages[i] = new Image();
    this.smallImages[i].src = swapImagesSmall[i];
    this.bigImages[i] = new Image();
    this.bigImages[i].src = swapImagesBig[i];
    
    if (i)
    {
     var smallImage = this.imageList[i];
     smallImage.id = i;
     smallImage.obj = this;
     
     smallImage.style.cursor = 'hand';
     if (!smallImage.style.cursor)
     {
      smallImage.style.cursor = 'pointer';
     }
     
     smallImage.onclick = function()
     {
      var bigId = this.obj.activeImage;
      var smallId = this.id;
      
      this.obj.bigImage.id = '';
      this.id = '';
      
      this.obj.bigImage.src = this.obj.bigImages[smallId].src;
      this.src = this.obj.smallImages[bigId].src;
      
      this.obj.activeImage = smallId;
      this.id = bigId;
     };
    }
   }
  }
 }
}; */