// scroller

var ruler;
var uparrow;
var downarrow;

var endless1;
var endless2;
var endlessStep = 1;


function endlessScroll() {
  if (endlessStep > 0) {
    if (endless1.offsetTop < -endless1.offsetHeight)
    endless1.style.top = (endless1.offsetTop + endless1.offsetHeight + endless2.offsetHeight) + "px";
  if (endless2.offsetTop < -endless2.offsetHeight)  
    endless2.style.top = (endless2.offsetTop + endless2.offsetHeight + endless1.offsetHeight) + "px";
  } else {
    if (endless1.offsetTop > endless1.offsetHeight)
    endless1.style.top = (endless1.offsetTop - endless1.offsetHeight - endless2.offsetHeight) + "px";
  if (endless2.offsetTop > endless2.offsetHeight)  
    endless2.style.top = (endless2.offsetTop - endless2.offsetHeight - endless1.offsetHeight) + "px";
  }
  if (endless1.offsetTop < endless2.offsetTop) {
    endless1.style.top = (endless1.offsetTop - endlessStep) + "px";
    endless2.style.top = endless1.style.top;
  } else {
    endless1.style.top = (endless1.offsetTop - endlessStep) + "px";
    endless2.style.top = (endless1.offsetTop - endless1.offsetHeight - endless2.offsetHeight) + "px";
  }
  setTimeout("endlessScroll()",30);
}

function init() {

  ruler = document.getElementById("ruler");
  uparrow = document.getElementById("uparrow");
  downarrow = document.getElementById("downarrow");
  endless1 = document.getElementById("endless1");
  endless2 = document.getElementById("endless2");
  
  resize();

  endlessScroll();
}

function resize() {

  var footer = document.getElementById("footer");
  var text = document.getElementById("text");
  var scroller = document.getElementById("scroller");
  var umsetzerlayer = document.getElementById("umsetzerlayer");
  var umsetzeroverlay = document.getElementById("umsetzeroverlay");
  
  scroller.style.height = (footer.offsetTop - scroller.offsetTop - 15 ) + "px";
  
  var browserName=navigator.appName;
  if (browserName=="Microsoft Internet Explorer") {
	umsetzerlayer.style.height = (footer.offsetTop + footer.offsetHeight) + "px";
  } else {
    umsetzerlayer.style.height = (footer.offsetTop + footer.offsetHeight - umsetzerlayer.offsetTop - 5) + "px";
  }  
}

function overUmsetzer() {
  var umsetzeroverlay = document.getElementById("umsetzeroverlay");
  umsetzeroverlay.style.background = 'lightgrey';
  umsetzeroverlay.className = 'thirtypercent';
}
function outUmsetzer() {
  var umsetzeroverlay = document.getElementById("umsetzeroverlay");
  umsetzeroverlay.className = 'zeropercent';
}