var docEl = (
             typeof document.compatMode != "undefined" && 
             document.compatMode        != "BackCompat"
            )? "documentElement" : "body";

var __isFireFox = navigator.userAgent.match(/gecko/i);   
  
  
//returns the absolute position of some element within document   
function GetElementAbsolutePos(element) {   
    var res = new Object();   
    res.x = 0; res.y = 0;   
    if (element !== null) {   
        res.x = element.offsetLeft;    
        res.y = element.offsetTop;    
           
        var offsetParent = element.offsetParent;   
        var parentNode = element.parentNode;   
  
        while (offsetParent !== null) {   
            res.x += offsetParent.offsetLeft;   
            res.y += offsetParent.offsetTop;   
  
            if (offsetParent != document.body && offsetParent != document.documentElement) {   
                res.x -= offsetParent.scrollLeft;   
                res.y -= offsetParent.scrollTop;   
            }   
            //next lines are necessary to support FireFox problem with offsetParent   
            if (__isFireFox) {   
                while (offsetParent != parentNode && parentNode !== null) {   
                    res.x -= parentNode.scrollLeft;   
                    res.y -= parentNode.scrollTop;   
                       
                    parentNode = parentNode.parentNode;   
                }       
            }   
            parentNode = offsetParent.parentNode;   
            offsetParent = offsetParent.offsetParent;   
        }   
    }   
    return res;   
} 

function bildergallerieein(eventid,bilder){
	var pos = GetElementAbsolutePos(document.getElementById(eventid)); 

document.getElementById('bildcontainer').style.position = 'absolute';
	document.getElementById('bildcontainer').style.top = (pos.y-50)+"px";	  
	document.getElementById('bildcontainer').style.left = (pos.x-50)+"px";
	document.getElementById('bildcontainer').style.display = 'block';
	var bildwert = bilder.split(';');
	bildpositionieren(bildwert[0],bildwert[2],bildwert[3],bildwert[1]);
	document.getElementById('intbildid').value = 1;
	document.getElementById('intbildvalue').value = bilder;
	document.getElementById('intbildmaxid').value = ((bildwert.length-1)/4);
	weiterbutton(1)
}

function bildpositionieren(wertsrc,wertx,werty,werttxt){
	document.getElementById('intbild').src = wertsrc;
	document.getElementById('intbild').style.width = wertx+"px";
	document.getElementById('intbild').style.height = werty+"px";
	document.getElementById('inttxt').innerHTML = werttxt;
	if(wertx<300) document.getElementById('intbild').style.marginLeft = ((300-wertx)/2)+"px";
	else document.getElementById('intbild').style.marginLeft = 0+"px";
	if(werty<210) document.getElementById('intbild').style.marginTop = ((210-werty)/2)+"px";
	else document.getElementById('intbild').style.marginTop = 0+"px";
	var xcont = document.getElementById('intbild').offsetWidth;
	var ycont = document.getElementById('intbild').offsetHeight;
	document.getElementById('down').style.paddingTop = ((210-werty)/2)+((ycont*.95)-27)+"px";	  
	document.getElementById('down').style.paddingLeft = ((300-wertx)/2)+"px";
	document.getElementById('down').style.paddingRight = ((xcont*0.4)-27)+"px";	  
	document.getElementById('down').style.paddingBottom = 0+"px";
	document.getElementById('up').style.paddingTop = ((210-werty)/2)+((ycont*.95)-27)+"px";	  
	document.getElementById('up').style.marginLeft = ((300-wertx)/2)+(xcont*.6)+"px";
	document.getElementById('up').style.paddingLeft = ((xcont*.4)-27)+"px";
	document.getElementById('up').style.paddingRight = 0+"px";	  
	document.getElementById('up').style.paddingBottom = 0+"px";
}

function weiterschalter(richtung){
if(richtung=='up') var wert = parseInt(document.getElementById('intbildid').value)+1;
else var wert = parseInt(document.getElementById('intbildid').value)-1;
	document.getElementById('intbildid').value = wert;
	var bildwert = document.getElementById('intbildvalue').value.split(';');
	bildpositionieren(bildwert[((wert*4)-4)],bildwert[((wert*4)-2)],bildwert[((wert*4)-1)],bildwert[((wert*4)-3)]);
	weiterbutton(wert)
}

function weiterbutton(id){
if(id==1) document.getElementById('down').style.display = 'none';
else document.getElementById('down').style.display = 'block';
if(id==document.getElementById('intbildmaxid').value) document.getElementById('up').style.display = 'none';
else document.getElementById('up').style.display = 'block';

}

function bildergallerieaus(){
document.getElementById('bildevent').value = 'bild';
}

function init_mousemove() {
if(document.layers) { 
   window.captureEvents(Event.MOUSEMOVE); 
   window.onmousemove = dpl_mouse_pos; 
   } 
   else document.onmousemove = dpl_mouse_pos; 
}

/*
function dpl_mouse_pos(e) {
	var isStrictMode = document.compatMode && document.compatMode != 'BackCompat' ? true : false; 
	var xpos = isStrictMode ? document.documentElement.scrollLeft : document.body.scrollLeft; 
	var ypos = isStrictMode ? document.documentElement.scrollTop : document.body.scrollTop; 
	evt = (e) ? e : ((window.event) ? window.event : ""); 
	xpos += e.clientX; 
	ypos += e.clientY; 

    // for the dino pass event
    //
    if (document.layers) routeEvent(e);
}
*/
function dpl_mouse_pos(e) {

        // position where mousemove fired
        //
        var xpos    =  e? e.pageX : window.event.x;
        var ypos    =  e? e.pageY : window.event.y;
    
        
        // for ie add scroll position
        //
        if (document.all && !document.captureEvents) {
            xpos    += document[docEl].scrollLeft;
            ypos    += document[docEl].scrollTop;
        }
        // display position
        //
        //document.feld.ausg.value = "Left = " +xPos +" : Top = " +yPos;
        
        // for the dino pass event
        //
        if (document.layers) routeEvent(e);
if(document.getElementById('bildevent').value=='bild'){
   	//alert(xpos+'-'+ypos+'x'+document.getElementById('bildcontainer').offsetLeft+'-'+document.getElementById('bildcontainer').offsetWidth);
	if(xpos < document.getElementById('bildcontainer').offsetLeft || xpos > (document.getElementById('bildcontainer').offsetLeft+document.getElementById('bildcontainer').offsetWidth) || ypos < document.getElementById('bildcontainer').offsetTop || ypos > (document.getElementById('bildcontainer').offsetTop+document.getElementById('bildcontainer').offsetHeight)) document.getElementById('bildcontainer').style.display = 'none';
}
if(document.getElementById('bildevent').value=='symbole'){
		if(document.getElementById('infofenster').style.display == 'inline'){
		document.getElementById('infofenster').style.top = (ypos+2) + "px";	  
		document.getElementById('infofenster').style.left = (xpos-35) + "px";
    }
		if(document.getElementById('infofenster1').style.display == 'inline'){
		document.getElementById('infofenster1').style.top = (ypos+2) + "px";	  
		document.getElementById('infofenster1').style.left = (xpos-25-getOff('infotext1')) + "px";
    }
}
}

function getOff(fenster){
	x = document.getElementById(fenster);
	return x.offsetWidth;
}

function infoein(text, symbol){
document.getElementById('bildevent').value='symbole';
document.getElementById('infofenster').style.position = 'absolute';
document.getElementById('infofenster').style.display = 'inline';
document.getElementById('infosymbol').src = symbol;
document.getElementById('infotext').innerHTML = text;
}
function infoaus(){
document.getElementById('bildevent').value='';
document.getElementById('infofenster').style.display = 'none';
document.getElementById('infosymbol').src = '';
document.getElementById('infotext').innerHTML = '';
}
function infoein1(text, symbol){
document.getElementById('bildevent').value='symbole'
document.getElementById('infofenster1').style.position = 'absolute';
document.getElementById('infofenster1').style.display = 'inline';
document.getElementById('infosymbol1').src = symbol;
document.getElementById('infotext1').innerHTML = text;
}
function infoaus1(){
document.getElementById('bildevent').value='';
document.getElementById('infofenster1').style.display = 'none';
document.getElementById('infosymbol1').src = '';
document.getElementById('infotext1').innerHTML = '';
}