
function div( divId ) {
  if (document.getElementById) {
    return (document.getElementById( divId )) ? document.getElementById( divId ) : false;
  }
  if (document.layers) {
    return (document.layers[ divId ]) ? document.layers[ divId ] : false;
  }
  if (document.all) {
    return (document.all[ divId ]) ? document.all[ divId ] : false;
  }
  return false;
}

function divStyle( divID ) {
  if (document.getElementById || document.all) {
    return (div( divID ).style) ? div( divID ).style : false;
  }
  if (document.layers) {
    return div( divID );
  }
  return false;
}

function divShow( ) {
  if (divShow.arguments.length >= 1) {
    divID = divShow.arguments[ 0 ];
  }
  sichtbarkeit = (document.layers) ? "show" : "visible";
  if (divShow.arguments.length >= 2) {
    sichtbarkeit = (document.layers) ? "hide" : "hidden";
  }
  if (divStyle( divID )) {
    divStyle( divID ).visibility = sichtbarkeit;
  }
}

function divHide( divID ) {
  divShow( divID, false );
}

function navClick( url ) {
  window.location.href = url;
}

function moveDivLR(divID,how){
  divStyle(divID).left = parseInt(divStyle(divID).left) + how;
}

function moveDivUD(divID,how){
  divStyle(divID).top = parseInt(divStyle(divID).top) + how;
}
var moving = false;
function moveDiv(divID,direction) {
  if (moving) {
    return;
  }
    
  moving = true;
  var speed = 4;
  //alert (direction);
  if ( (direction == 'left') || (direction == 'up') ) {
    step = -2;
  } 
  else {
    step = 2;
  }
  for( i=0; i<=148; i+=2 ) {
    if ( (direction == 'left') || (direction == 'right') ) {
      setTimeout("moveDivLR('" + divID + "'," + step +")",(i * speed));
    }
    else {
      setTimeout("moveDivUD('" + divID + "'," + step +")",(i * speed));
    }
  } 
  setTimeout("moving = false;", (100 * speed));
}

// ++++++++++++++++++++++++++++ fading ++++++++++++++++++++++++
var fading = false;

//change the opacity for different browsers
function transparency(opacity, divID) {
	var objStyle = document.getElementById(divID).style; 
	objStyle.opacity = (opacity / 100);
	objStyle.MozOpacity = (opacity / 100);
	objStyle.KhtmlOpacity = (opacity / 100);
	objStyle.filter = "alpha(opacity=" + opacity + ")";
}

function init() {
  for (i=1; i<=imgmax; i++) {
    var testxsId = 's_' + i;
    transparency( 100, testxsId );
  }
	transparency( (100-95 / 1.5), 's_1' );
}

function fade( imgnum ) {
  //do nothing else when already fading
  if (fading) {
    return;
  }
    
  fading = true;
  
  //var speed = 20;
	var speed = 10;
	var divId = 'lDiv';
  var imgId = 'lImg';
  var xsId = 's_' + imgnum;
  var firstxsId = 's_1';
  
  //var txtId = 'txtDiv';
  //document.getElementById(txtId).innerHTML = imgtxt[imgnum];
  
	//set current image as background
	document.getElementById(divId).style.backgroundImage = "url(" + document.getElementById(imgId).src + ")";
	
	//make image transparent
	transparency( 0, imgId );	

  for ( i=1; i<=imgmax; i++ ) {
    var testxsId = 's_' + i;
    if (document.getElementById(testxsId).style.MozOpacity < (100 - 95/1.5)/100+0.05) { 
      firstxsId = testxsId;
    }
  }
	transparency( (100 - 95/1.5), firstxsId );
    
	//set new image
	document.getElementById(imgId).src = imgl[imgnum];

	//fade in image
	for( i=0; i<=95; i+=5 ) {
		setTimeout("transparency(" + i + ",'" + imgId + "')",(i * speed));
    setTimeout("transparency(" + (100 - i/1.5) + ",'" + xsId + "')",(i * speed));
    setTimeout("transparency(" + (98 - (95-i)/1.5) + ",'" + firstxsId + "')",(i * speed));	
  }
  if ( document.all ) {
    setTimeout("transparency( 100,'" + imgId + "')",(i * speed));
  }
  else {
    setTimeout("transparency( 98,'" + imgId + "')",(i * speed));
  }
  setTimeout("fading = false;", (100 * speed));
}

