var ItemH = 26;
  var ScrollPos = 0;
  var Scroller;
  var Hidden = 0.3;
  var Visible = 1;
  function StartScroll (direction) {
    Scroller = self.setInterval("DoScroll("+direction+")",50);
    return false;
    }
  function DoScroll (px) {
    if (Scroller) {
      if (CheckScroll(px)) {
        $('scrollmenu_inner').setStyle({top:ScrollPos+"px"});
        }
      }
    }
  function CheckScroll (position) {
    var test = ScrollPos + position;
    var outer = $('scrollmenu_outer').getHeight();
    var inner = $('scrollmenu_inner').getHeight()
    if (test > 1) {
      ScrollPos = 0;
      $('scrollmenu_inner').setStyle({top:ScrollPos+"px"});
      StopScroll();
      $('ScrollUpBtn').fade({to:Hidden});
      return false;
      }
    $('ScrollUpBtn').fade({to:Visible});

    var max = (outer - inner);
    if (test < max) {
      ScrollPos = max;
      $('scrollmenu_inner').setStyle({top:ScrollPos+"px"});
      StopScroll();
      $('ScrollDownBtn').fade({to:Hidden});
      return false;
      }
    $('ScrollDownBtn').fade({to:Visible});

    ScrollPos = test;
    return true;
    }
  function SetScroll (px) {
    var f = 1; if (px < 0) f = -1;
    while (parseInt(ScrollPos / ItemH) != (ScrollPos / ItemH)) {
      ScrollPos += f;
      px += f;
      }
    if (CheckScroll(px)) {
      $('scrollmenu_inner').setStyle({top:ScrollPos+"px"});
      }
    }
  function StopScroll (px) {
    if (px) {
      SetScroll(px);
      }
    if (Scroller) {
      self.clearInterval(Scroller);
      Scroller = false;
      }
    return false;
    }


  function InitBg () {
    //alert($('bgimg').src);
    $('bg').insert({top:'<img src="' + $('bgimg').src + '" style="width:100%;height:100%;position:absolute;">'});
    //$('bg').insert({top:'<img src="/images/testbg.jpg" style="width:100%;height:100%;position:absolute;">'});
    //$('bgimg').hide();
    Event.observe(document.onresize ? document : window, "resize", function() { Arrange(); });
    Arrange();
    }
  

	function Arrange () {
	  	  
	  if ($('streamer')) {
  		var inner = $('streamer');
  		var outer = $('content');
  		var h = (outer.getHeight() /2) - (inner.getHeight() /2) + 340;
      h += ShiftYcoord;
  		inner.absolutize();
  		inner.setStyle({top:(h)+"px"});
  		}
		
	  if ($('text_streamer')) {
  		var inner = $('text_streamer');
  		var outer = $('streamer');
  		var h = (outer.getHeight() /2) - (inner.getHeight() /2);
  		inner.absolutize();
  		inner.setStyle({top:(h)+"px"});
  		}
    
    /* bgimg resizen */
    var dw = 1020;
    var dh = 768;
    var factor = dw / dh;
    var iw = document.viewport.getWidth();//$('bg').getWidth();
    var tw = iw;
    var ih = document.viewport.getHeight();//$('bg').getHeight();
    var th = ih;
    var testf = tw / th;
    if (testf > factor) { // bg is breder, dus breedte gebruiken 
      th = Math.ceil(tw / factor);
      }
    else {  // hoogte gebruiken 
      tw = Math.ceil(th * factor);
      }
    var topshift = th - ih; // Onderaan lijnen
    $('bgimg').setStyle({width:tw+"px",height:th+"px",top:("-"+topshift+"px")});
    //$('bg').setStyle({marginLeft:"-" + Math.ceil((iw - tw) / 2) + "px"});
	  }