var counter;
 function stop (counter) {
  window.clearTimeout(counter);
 }


slide = function(id)
{
 if(document.getElementById("article"+id).style.display!="block")
 {
  stop(counter);

  al=document.getElementById("slideshowcontent").getElementsByTagName("div");
  for (var i=1; i<(al.length+1); i++)
  {
   if(document.getElementById("article"+i).style.display=="block")
   {
    var active=i;
    document.getElementById("article"+i).style.display="none";
    document.getElementById("link"+i).className="";
   }
  }

   document.getElementById("link"+id).className="active";
   document.getElementById('slideshowcontent').style.filter = "alpha(opacity=0)";
   document.getElementById('slideshowcontent').style.opacity = 0;
   document.getElementById('slideshowcontent').style.MozOpacity = 0;
   document.getElementById("article"+id).style.display="block";
   fade(id, 0);
   
 }
}

function fade(id, i)
{

 if (i < 100)
 {
  i=i+5;
  document.getElementById('slideshowcontent').style.filter = "alpha(opacity="+i+")";
  document.getElementById('slideshowcontent').style.opacity = (i/100);
  document.getElementById('slideshowcontent').style.MozOpacity = (i/100);
  counter=setTimeout(function(){
    fade(id, i);
  }, 50);
 }
}