function switcher_link() { 
  var containers = $$('div.slideshowlinks');
  if(containers) { 
    for(var i=0; i<containers.length; i++){
      projectLinks = containers[i].getElementsByTagName('a');     
      for(var j = 0; j < projectLinks.length; j++) { 
        projectLinks[j].onclick = function() { 
          replace_img(this); 
          return false; 
        }  
      } 
    }
  }
} 

function replace_img(element) { 

  var splitted = element.className.split("_");
  var projectid = splitted[1];
  
  var myContainer = document.getElementById('slideshow_' + projectid); 
  if(myContainer) { 
     myImage = myContainer.getElementsByTagName('img')[0]; 
     if(myImage.src != element.href) { 
       new Effect.Fade(myImage, { duration: 0.3, 
          afterFinish: function(effect) {
            foo = new Image(); 
            foo.src = element.href; 
            effect.element.parentNode.parentNode.getElementsByTagName('img')[0].src = element.href;
            foo.onload = function() { 
              new Effect.Appear(effect.element, {
              delay: 0.2, duration: 0.8, queue: 'end'}); 
            };
       
          }
       } );  
     }
  }
} 
