var fader = false;

function showImage(img_url) {
 var dsp = document.getElementById('imgdisplay');
 var out = '';
   out += '<img id="popimage" src="' + img_url + '" border="1"><p align="center"><a href="javascript:void(0)" onclick="close_info()">Schlie&szlig;en</p>';
	 try {
	   dsp.innerHTML = out;
	   dsp.style.padding = "10px";
	   dsp.style.borderTop = "solid black 1px";
	   dsp.style.borderBottom = "solid black 4px";
	   dsp.style.borderLeft = "solid black 1px";
	   dsp.style.borderRight = "solid black 4px";
	   dsp.style.backgroundColor = '#ebebeb';
	   fade_in(dsp);
	 } catch(e) {
	   ;;
	 }
}

function close_info() {
  document.getElementById('imgdisplay').style.display = 'none';
}

function fade_in(elem) {
  elem.opac_value = 10;
  elem.style.filter += "progid:DXImageTransform.Microsoft.Alpha(opacity=" + elem.opac_value + ")";
  elem.style.MozOpacity = elem.opac_value / 100;
  elem.style.visibility = 'visible';
  elem.style.display = 'block';
  var func_call = 'increase_opac_value("' +elem.id+ '")';
  if (fader) {
    clearInterval(fader);
	fader = 0;
  }
  fader = setInterval(func_call, 20);
}

function increase_opac_value(elemID) {
  var elem = document.getElementById(elemID);
  try {
    if (elem.opac_value && elem.opac_value < 100) {
      elem.opac_value += 10;
	  elem.style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=" + elem.opac_value + ")";
	  elem.style.MozOpacity = elem.opac_value / 100;
    } else {
      clearInterval(fader);
	  fader = 0;
    }
  } catch (e) { clearInterval(fader); }
}