var montagenum = 1;
var nummontages = 3;

function setOpacity(obj, opacity) 
{
  opacity = (opacity == 100)?99.999:opacity;
  
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;
  
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;
  
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}

function fadeIn(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity <= 100) {
      setOpacity(obj, opacity);
      opacity += 2;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 50);
    } else
    {
      window.setTimeout("fadeOut('"+objId+"',"+opacity+")", 10000);
    }
  }
}

function fadeOut(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity >= 0) {
      setOpacity(obj, opacity);
      opacity = opacity - 2;
      window.setTimeout("fadeOut('"+objId+"',"+opacity+")", 50);
    } else
    {
      swapmontage();
    }
  }
}

function swapmontage()
{
  montagenum++;
  if (montagenum > nummontages) montagenum = 1;
  if (montagenum == 1) document.getElementById("montage").src = 'images/concept_fade_1.jpg';
  if (montagenum == 2) document.getElementById("montage").src = 'images/concept_fade_2.jpg';
  if (montagenum == 3) document.getElementById("montage").src = 'images/concept_fade_3.jpg';
  fadeIn("montage", 0);
  
}

function startmontage(startwith)
{
  
  montagenum = (startwith*1)-1;
  swapmontage();
  document.getElementById("montage").style.visibility = 'visible';  

}