var slideTime = 1000, topMargin;
xAddEventListener(window, 'load',
  function () {
  
    topMargin = xPageY('main');
    winOnResize(); // set initial position
    xAddEventListener(window, 'resize', winOnResize, false);
    xAddEventListener(window, 'scroll', winOnScroll, false);
  }, false
);
function winOnResize() {
	if (xScrollTop()-topMargin > 0)
	xSlideTo('extrainfo-position', 0, xScrollTop()-topMargin, slideTime);
  //xMoveTo('extrainfo-position', 0, 0);
  xGetElementById('extrainfo-position').style.visibility = 'visible';
  //winOnScroll(); // initial slide
}
function winOnScroll() {
  if (xScrollTop() > topMargin)
  	if (xScrollTop()+(xHeight('extrainfo-position')+200) < xHeight('page'))
  		xSlideTo('extrainfo-position', 0, xScrollTop()-topMargin, slideTime);
  	else { /* zu weit unten */
  		
  		//xSlideTo('extrainfo-position', 0, xHeight('page')-xPageY('page')-30, slideTime);
  		
  		}
  else
  xSlideTo('extrainfo-position', 0, 0, slideTime);
}
function setSlideTime(st) {
  st = parseInt(st);
  if (!isNaN(st)) slideTime = st;
  var e = xGetElementById('st');
  e.value = st;
  return false;
}