function initMotionTool() {    
	
	jQuery(document).ready(function() {
		
		
		if (jQuery.browser.msie && jQuery.browser.version.substr(0,1) == "6"){
			
		}else{
		
		if (konstanten.Bewegungselemente) {
			for (i= 0; i < konstanten.Bewegungselemente.length ;i++){
			
			var bewegungsElement = document.getElementById(konstanten.Bewegungselemente[i])
				if (bewegungsElement) {
						bewegungsElement.className = bewegungsElement.className + " motionTool"
				}		
			}		
		}	
		
		jQuery(window).scroll(BestimmePostionenNeu);
		jQuery(window).resize(FensterGroesseGeandert);	
		}
	});
}



/* <summary>
*  zeigt in dem HTML-Element, dessen id übergeben wurde, den übergebenen inhalt an
*  </summary>
*  <param name="id"> ID des Elementes in dem der Inhalt angezeigt werden soll</param>
*  <param name="inhalt">der Inhalt der in dem Element angezeigt werden soll</param>
*/
function ZeigeAn(id, inhalt) {
    element = document.getElementById(id)
    element.innerHTML = inhalt
    return element
}

function Fensterweite () {
   if (window.innerWidth) {
   // Weite FF, Opera etc bestimmen
    return window.innerWidth;
  } else if (document.body && document.body.offsetWidth) {
  // Höhe IE bestimmen
    return document.documentElement.clientWidth;
  } else {
    return 0;
  }
}

function Fensterhoehe () {
  if (window.innerHeight) {
    // Höhe FF, Opera etc bestimmen
    return window.innerHeight;
  } else if (document.body && document.body.offsetHeight) {
    // Höhe IE bestimmen
    return document.documentElement.clientHeight;    
  } else {
    return 0;
  }
}

function FensterGroesseGeandert() {
    // AnzeigeDivID ist das Element in dem die Merkliste angezeigt wird
    if (konstanten.Bewegungselemente) {
        for (i= 0; i < konstanten.Bewegungselemente.length ;i++){
            
            var bewegungsElement = document.getElementById(konstanten.Bewegungselemente[i])

            if (bewegungsElement) {
                var divhoehe = Fensterhoehe() - (getStyle(bewegungsElement, "top").split("px")[0]).split(" ")[0] - 10

             
                if (divhoehe > 0) {
                    bewegungsElement.style.height = divhoehe + "px"
                } else {
                    bewegungsElement.style.height = 0 + "px"
                }
			
               
            }
        }
    }
}


function BestimmePostionenNeu() {
    var xyPosition = GetScrollPosition()

    // die Anfangsposition der Merkliste bestimmen
     if (konstanten.Bewegungselemente){
        
        if (!(konstanten.ElementeCssTop)){
            konstanten.ElementeCssTop = new Array(konstanten.Bewegungselemente.length)
        }
        
        for (i= 0; i < konstanten.Bewegungselemente.length ;i++){                    
            var bewegungsElement = document.getElementById(konstanten.Bewegungselemente[i])                      
            if (!(konstanten.ElementeCssTop[i])){
                konstanten.ElementeCssTop[i] = (getStyle(bewegungsElement, "top").split("px")[0]).split(" ")[0]
            }    
			
            // nur wenn die Y-Scrollposition kleiner ist als die
			if (xyPosition[1] <= konstanten.ElementeCssTop[i]) {
				bewegungsElement.style.top = konstanten.ElementeCssTop[i] - xyPosition[1] + "px"
				bewegungsElement.style.overflow =  "visible"
			} else {
				bewegungsElement.style.top = "" + 0 + "px"
				bewegungsElement.style.overflow =  "auto"
			}        				
		}
		FensterGroesseGeandert() 
    }
}



// bestimmen der Scrollposition
function GetScrollPosition() {
    var scroll_x = 0, scroll_y = 0;
    if (typeof (window.pageYOffset) == 'number') { // Netscape
        scroll_y = window.pageYOffset; scroll_x = window.pageXOffset;
    }
    else if (document.body && (document.body.scrollLeft || document.body.scrollTop)) { // DOM
        scroll_y = document.body.scrollTop; scroll_x = document.body.scrollLeft;
    }
    else if (document.documentElement && (document.documentElement.scrollLeft || document.documentElement.scrollTop)) { // IE6
        scroll_y = document.documentElement.scrollTop; scroll_x = document.documentElement.scrollLeft;
    }   
    return [scroll_x, scroll_y];
}



/* ------------------------------------------------------------- */
/* gibt von einen HTML-Element eine Layout-Eigenschaft wieder    */
/* ------------------------------------------------------------- */
/*<param>oElem</param> HTML-Objekt */
/*<param>strCssRule</param> Eigenschaft die von dem der Wert zurückgegeben werden soll */

function getStyle(oElm, strCssRule) {
    var strValue = "";
    if (document.defaultView && document.defaultView.getComputedStyle) {
        strValue = document.defaultView.getComputedStyle(oElm, "").getPropertyValue(strCssRule);
    }
    else if (oElm.currentStyle) {
        strCssRule = strCssRule.replace(/\-(\w)/g, function (strMatch, p1) {
            return p1.toUpperCase();
        });
        strValue = oElm.currentStyle[strCssRule];
    }
    return strValue;
}