function switchImg( obj ) {
 obj.src = ( obj.src.search( /_off\./ ) != -1 ) ? obj.src.replace( /_off\./, "_on." ) : obj.src.replace( /_on\./, "_off." );
}

// ++++++++++++++++++++++++++++ fading ++++++++++++++++++++++++
var fading = false;
var nofading = false;
var imgnum = 0;

//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 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';


	//set current image as background
	document.getElementById(divId).style.backgroundImage = "url(" + document.getElementById(imgId).src + ")";

	//make image transparent
	transparency( 0, imgId );

	//set new image
	document.getElementById(imgId).src = imgl[imgnum];

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

  setTimeout("fading = false;", (100 * speed));
}

function slideshow() {
  if (nofading) {
    return;
  }
  imgnum++;
  if ( imgnum >= imgmax ) {
    imgnum=0;
  }
  fade(imgnum);
  setTimeout('slideshow()',4000);
}

function stopfading() {
  var nofading = true;
  return;
}
function startfading() {
  var nofading = false;
  slideshow();
}