function mauseInfoField(instanz) {
    
    var infoFieldDiv_id = "teaserInfofield";
    var infojustierung= new Array(0,0);
    var INSTANZ  = instanz;
    var IEBug = false;
    var infoField = null;
    if(navigator.appVersion.match(/MSIE 6/)) IEBug=true;
    if(navigator.appVersion.match(/MSIE 5/)) IEBug=true; 
    if(navigator.appVersion.match(/MSIE 7/)) IEBug=true; 
        
        
    this.init = function(idName) {

        var test = document.getElementById(infoFieldDiv_id)
        if(!test){
            var div = document.createElement("div");
            var id = document.createAttribute("id");
            id.nodeValue = infoFieldDiv_id;
            
            div.setAttributeNode(id);

            document.getElementsByTagName("BODY")[0].appendChild(div);
            
            infoField = document.getElementById(infoFieldDiv_id);
            infoField.style.display = "none";
            infoField.style.zIndex = "100";
            infoField.style.top = "0px";
            infoField.style.left = "0px";
        }

        var elem = document.getElementById(idName);
        if(elem) {
            elem.onmouseover = showinfoField;
            elem.onmouseout = showinfoField;           
        }
    }
    
	//justiert den Infolayer in der Position
    this.setInfoJustierung = function(x,y) {
        infojustierung[0] = x;
        infojustierung[1] = y;
    }
    
	//setzt die ID des Infofeld divs.
    this.setInfoFieldId = function(id) {
        infoFieldDiv_id = id;
    }

    
	//setzt den Infodiv mit inhalt an die position einens Objectes
	function showinfoField(dasEreignis) {
		var meinEreignis = dasEreignis || window.event;
		var ereignisQuelle = meinEreignis.target || meinEreignis.srcElement;		
		        
		var top = ereignisQuelle.offsetTop;
        var left = ereignisQuelle.offsetLeft;
        var nd = ereignisQuelle;
        while(nd.nodeName != "BODY") {
            top += nd.offsetTop;
            left += nd.offsetLeft;
            nd = nd.offsetParent;
        }
        
        
		if(ereignisQuelle.getAttribute("id") == infoFieldDiv_id) {
			infoField.style.display = "block";
			return;
		}
		

		if(infoField.style.display == "none") {
						
			//setzten der position top relativ zum eintrag
            infoField.style.top = (top + infojustierung[1]) +"px";
            if(IEBug) {
                infoField.style.left = (left + infojustierung[0])+10 +"px";
            }else {
                infoField.style.left = (left + infojustierung[0]) +"px";
            }
			
            
            
			//content des Infodivs schreiben
			if(ereignisQuelle.getAttribute("content")) {
				
				var inhalt =   '<table width="580"  height="100%" border="0" cellspacing="0" cellpadding="0" >';
				inhalt +=  '	<tr>';
				inhalt +=  '		<td height="15" class="info_tbBack_top pngtrans"></td>';
				inhalt +=  '	</tr>';
				inhalt +=  '	<tr >';
				inhalt +=  '		<td height="100%" class="info_tbBack pngtrans" valign="top">';
				inhalt +=  '			<div class="info_content">' + ereignisQuelle.getAttribute("content") + '</div>';
				inhalt +=  '		</td>';
				inhalt +=  '	</tr>';
				inhalt +=  '	<tr>';
				inhalt +=  '		<td height="10" class="info_tbBack_bottom pngtrans"></td>';
				inhalt +=  '	</tr>';
				inhalt +=  '</table>';				
				infoField.innerHTML = inhalt;
			}
			infoField.style.display = "block";
		}
		else{
			infoField.style.display = "none";
		}
	}
    

}