function showInfoBox(image_filename, header, content) {

	//y = (positionY < 400) ? 400 + "px" : positionY + "px";
	
	if (document.all){
		y = (positionY+0+document.body.scrollTop) + "px";
		x = (positionX+0+document.body.scrollLeft) + "px";
	}
	else{
		y = (positionY+0) + "px";
		x = (positionX+0) + "px";
	}	

	text = '<div style="border:solid 1px #242323; background-color:#f2f1f1; padding: 10px;">';

	if ( image_filename != null && image_filename.substr(image_filename.lastIndexOf('/')+1) != '') {
                text = '<div style="margin-bottom: 10px;border:solid 1px #666666; background-color:#F7F7F7; width:171px;"><img src="' +image_filename+ '"><div style="padding: 5px;">';
        }
	text += '<div class="boldInfo">'+header+'</div><div class="content">'+content+'</div>';
	text += '</div></div>';

	MM_changeProp('infoBoxLayer','','style.top',y,'DIV');
	MM_changeProp('infoBoxLayer','','style.left',x,'DIV');
	MM_changeProp('infoBoxLayer','','style.visibility','visible','DIV');
	MM_changeProp('infoBoxLayer','','innerHTML', text, 'DIV');

}
function showInfoBoxWide(image_filename, header, content) {

	//y = (positionY < 400) ? 400 + "px" : positionY + "px";
	
	if (document.all){
		y = (positionY+0+document.body.scrollTop) + "px";
		x = (positionX+0+document.body.scrollLeft) + "px";
	}
	else{
		y = (positionY+0) + "px";
		x = (positionX+0) + "px";
	}	

	text = '<div style="border:solid 1px #242323; background-color:#f2f1f1; padding: 10px; width: 350px;">';

	if ( image_filename != null && image_filename.substr(image_filename.lastIndexOf('/')+1) != '') {
                text = '<div style="margin-bottom: 10px;border:solid 1px #666666; background-color:#F7F7F7; width:300px;"><img src="' +image_filename+ '"><div style="padding: 5px;">';
        }
	text += '<div class="boldInfo">'+header+'</div><div class="content">'+content+'</div>';
	text += '</div></div>';

	MM_changeProp('infoBoxLayer','','style.top',y,'DIV');
	MM_changeProp('infoBoxLayer','','style.left',x,'DIV');
	MM_changeProp('infoBoxLayer','','style.visibility','visible','DIV');
	MM_changeProp('infoBoxLayer','','innerHTML', text, 'DIV');

}


function hideInfoBox(infoBoxId)
{
	//onmouseout
	MM_changeProp('infoBoxLayer','','style.visibility','hidden','DIV');
}

var positionY = 0;
var positionX = 0;
function Mausbewegung (Ereignis) {
	if (!Ereignis) {
		Ereignis = window.event;
	}
	if (document.all) {
		positionY  = document.documentElement.scrollTop + Ereignis.clientY;
		positionX  = document.documentElement.scrollLeft + Ereignis.clientX;
	} 
	else { 
		if (document.getElementById) {
    			positionY  = Ereignis.pageY;
    			positionX  = Ereignis.pageX;
  		}
	}
}

document.onmousemove = Mausbewegung;


function MM_changeProp(objName,x,theProp,theValue) { //v6.0
  var obj = MM_findObj(objName);
  if (obj && (theProp.indexOf("style.")==-1 || obj.style)){
    if (theValue == true || theValue == false)
      eval("obj."+theProp+"="+theValue);
    else eval("obj."+theProp+"='"+theValue+"'");
  }
}


function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}