var nMainImgs=5;
var curMainImg=0;
var mainImgs=new Array(nMainImgs);
var lastTimeOut;
var c;
for( c= 0; c < nMainImgs; c++ ) 
{
  mainImgs[c]=new Image();
}
mainImgs[0].src="/images/transition/ueber_uns_rc_whri02.jpg";
mainImgs[1].src="/images/transition/sunset_rc_whri03.jpg";
mainImgs[2].src="/images/transition/abendsegeln_rc_whri02.jpg";
mainImgs[3].src="/images/transition/herberge_rc_whri02.jpg";
mainImgs[4].src="/images/transition/vago_rc_whri02.jpg";


function chgMaimImg()
{
  if( imgtransstopped == 1 ) return;

  var nextImg= curMainImg + 1;
  if( nextImg >= nMainImgs ) nextImg= 0;

  blendimage('blenddiv','blendimage', mainImgs[nextImg].src, 5000);
  curMainImg= nextImg;

  lastTimeOut= setTimeout('chgMaimImg()',20000);
}

function initImgTrans()
{
  var imgfoot= document.getElementById("transimgfoot");
  var span1= document.createElement("span");
  span1.style.fontSize= "80%";

  var a = document.createElement("a");
  a.id= "restartanchorid";
  a.setAttribute( "href", "javascript:void(0);" );
  a.className= "mymain";
  var img= document.createElement("img" );
  img.id= "restartbuttonid";
  img.src= "http://img1.djh-segelschule.de/orange_arrow02.gif";
  img.border= 0;
  img.alt=   "Diashow fortsetzen";
  img.title= "Diashow fortsetzen";
  img.style.visibility= "hidden";
  img.style.verticalAlign= "top";
  a.appendChild(img);
  span1.appendChild(a);

  var span2= document.createElement("span");
  span2.style.letterSpacing= "0.5em";
  var txt = document.createTextNode( " . " );
  span2.appendChild(txt);
  span1.appendChild(span2);

  var c;
  for( c= 0; c < nMainImgs; c++ ) 
  {
    var a = document.createElement("a");
    a.id= "selectimganchorid" + c.toString(10);
    a.setAttribute( "href", "javascript:fiximg(" + c.toString(10) + ")" );
    a.className= "mymain";
    var txt = document.createTextNode( (c+1).toString(10) );
    a.appendChild(txt);
    span1.appendChild(a);
    if( c < nMainImgs - 1 )
    {
      var span2= document.createElement("span");
      span2.style.letterSpacing= "0.5em";
      var txt = document.createTextNode( " . " );
      span2.appendChild(txt);
      span1.appendChild(span2);
    }
  }
  imgfoot.appendChild(span1);

  lastTimeOut= setTimeout('chgMaimImg()',9000);
}

function fiximg( ni )
{
  imgtransstopped= 1;
  clearTimeout(lastTimeOut);
  for(i = 1; i <= divi; i++) { clearTimeout(timeoutArray[i]); }

  var anid= "selectimganchorid" + ni.toString(10);
  document.getElementById(anid).blur();

  curMainImg= ni;

  document.getElementById('blenddiv').style.backgroundImage = "url(" + mainImgs[ni].src + ")";
  document.getElementById('blendimage').src = mainImgs[ni].src;

  var but= document.getElementById('restartbuttonid');
  var an=  document.getElementById('restartanchorid');
  but.style.visibility= "visible";
  an.setAttribute( "href", "javascript:restartslideshow()" );
}

function restartslideshow()
{
  imgtransstopped= 0;

  var but= document.getElementById('restartbuttonid');
  var an=  document.getElementById('restartanchorid');
  but.style.visibility= "hidden";
  an.setAttribute( "href", "javascript:void(0);" );
  an.blur();

  lastTimeOut= setTimeout('chgMaimImg()',500);
}