<!--/*Colored Tooltip by Andreas Kirschner, Hamburg Febr 2010*/
/*create a div with ..
    id="tooltip"
	...and..
    style="
	    position: absolute;
        display: none;
        z-index: 100;" 
		..and customize it with css at your choice*/
x=0;y=0;current_pic_id="";
tooltip_id='tooltip';

document.onload = setTimeout("initmouseover()", 1000);
function initmouseover()
{
document.onmousemove = updateWMTT;
modifyTITLE('IMG');
modifyTITLE('A');
}
function modifyTITLE(tag)
{
	 var bilder = document.getElementsByTagName(tag)
	 for (a=0;a<bilder.length;a++)
	 {
		  if (document.getElementsByTagName(tag)[a].title)
		  {
		  		var ID=tag+'_nr_'+a;
				if (!document.getElementsByTagName(tag)[a].id)
					document.getElementsByTagName(tag)[a].id =ID;
			   document.getElementsByTagName(tag)[a].onmouseover = new Function("showthisOver_"+tag+"_nr_"+a, "showWMTT('"+ID+"','"+document.getElementsByTagName(tag)[a].title+"');");
			   document.getElementsByTagName(tag)[a].onmousemove = new Function("showthisMove_"+tag+"_nr_"+a, "showWMTT('"+ID+"','"+document.getElementsByTagName(tag)[a].title+"');");
			   document.getElementsByTagName(tag)[a].onmouseout = new Function("hidethis_"+tag+"_nr_"+a, "hideWMTT('"+ID+"');");
			   
			   document.getElementsByTagName(tag)[a].title='';
		   }
	 }
}

function updateWMTT(e) {
        x = (document.all) ? window.event.x + document.body.scrollLeft: e.pageX;
        y = (document.all) ? window.event.y + document.body.scrollTop : e.pageY;
       // x = (document.all) ? window.event.x: e.pageX;
        //y = (document.all) ? window.event.y: e.pageY;

}

function showWMTT(id,text) {
        document.getElementById(tooltip_id).style.display = "block"
		current_pic_id=id;
		document.getElementById(tooltip_id).style.left = (x + 10) + "px";
        document.getElementById(tooltip_id).style.top = (y + 5) + "px";
		document.getElementById(tooltip_id).innerHTML = text.replace(/\n/g, '<br />');	
}

function hideWMTT(id) {
		if (id==current_pic_id)
        document.getElementById(tooltip_id).style.display = "none";
}
//-->
