var menu = 0;
var menuTimer = 0;

function center()
{
  var page = document.getElementById('page');
  var w = document.all?document.body.clientWidth:window.innerWidth;
  var h = document.all?document.body.clientHeight:window.innerHeight;
  page.style.left = ((w > page.clientWidth?((w - page.clientWidth) / 2):0) + (page.clientWidth / 2)) + 'px';
  page.style.top = ((h > page.clientHeight?((h - page.clientHeight) / 2):0) + (page.clientHeight / 2)) + 'px';
}

window.onresize = center;

window.onload = function()
{
  var objects = document.getElementsByTagName('OBJECT');
  for(var i=0; i<objects.length; i++)
  {
    if(document.all)
      objects[i].outerHTML = objects[i].outerHTML;
    objects[i].style.display = '';
  }
  center();
  var ticker = document.getElementById('ticker');
  if(ticker)
    window.Ticker = new Ticker(ticker, 'A', 5);
}

function showMenu(m)
{
  if(menuTimer)
    clearTimeout(menuTimer);
  if(menu && menu != m)
    menu.style.display = 'none';
  menu = m;
  if(menu)
    menu.style.display = 'block';
}

function hideMenu()
{
  menuTimer = setTimeout(function()
  {
    if(menu)
      menu.style.display = 'none';
  }, 100);
}

function showdiv(d) 
{
    d.style.display = 'block'; 
}
function hidediv(d) 
{
    d.style.display = 'none';   
}

function highlight(img, undo)
{
  var table = img.parentNode.parentNode.parentNode;
  var images = table.getElementsByTagName('IMG');
  var div = document.getElementById('descriptions');
  var divs = div.getElementsByTagName('DIV');
  div.style.display = 'none';
  for(var i=0; i<images.length; i++)
  {
    var hide = (undo || images[i] != img);
    if(hide)
    {
      if(!/_zwart\.jpg/.test(images[i].src))
        images[i].src = images[i].src.replace(/\.jpg/, '_zwart.jpg');
      images[i].style.border = '0px';
      images[i].style.borderBottom = '2px solid black';
    }
    else
    {
      images[i].src = images[i].src.replace(/_zwart\.jpg/, '.jpg');
      images[i].style.border = '2px solid black';
      images[i].style.borderBottom = '0px';
      var x = 1;
      if(i < 3)
        x = i;
      else if(i > 3)
        x = i - 4;
      div.style.marginLeft = (x * 71) + 'px';
      div.style.display = '';
    }
    divs[i].style.display = hide ? 'none' : '';
  }
}

function menuOut(sender)
{
  var images = sender.getElementsByTagName('IMG');
  if(images.length >= 2)
    images[images.length - 2].src = images[images.length - 2].src.replace(/_on/, '');
}

function menuOver(sender)
{
  var images = sender.getElementsByTagName('IMG');
  if(images.length >= 2 && !/_on/.test(images[images.length - 2].src))
    images[images.length - 2].src = images[images.length - 2].src.replace(/\.gif/, '_on.gif'); 
}

function Ticker(ticker, tagName, speed)
{
  var self = this;
  
  self.Ticker = ticker;
  self.InitialSpeed = speed;
  self.TagName = tagName;

  self.Timer = 0;
  
  self.Scroll = function()
  {
    if(self.Speed != 0)
    {
      var l = self.Ticker.style.left == '' ? 0 : parseInt(self.Ticker.style.left);
      l -= self.Speed;
      if(l > 0)
        l = self.MostLeft;
      else if(l <= self.MostLeft)
        l = 0;
      self.Ticker.style.left = l + 'px';
      if(self.Timer)
        clearTimeout(self.Timer);
      self.Timer = setTimeout(self.Scroll, 75);
    }
  }

  self.Stop = function()
  {
    self.Speed = 0;
    if(self.Timer)
      clearTimeout(self.Timer);
  }
  
  self.Start = function()
  {
    self.Speed = self.InitialSpeed;
    self.Scroll();
  }
  
  self.Init = function()
  {
    self.List = self.Ticker.getElementsByTagName(self.TagName);
    self.Count = self.List.length;
    self.MostLeft = 0;
  
    if(true )
      self.MostLeft = self.Ticker.clientWidth;
    else
    {
      for(var i=0; i < self.Count; i++)
        self.MostLeft = self.MostLeft + self.List[i].clientWidth;
    }

    self.Ticker.style.width = '2000px';
    self.MostLeft = self.MostLeft * -1;
  
    for(var i=0; i < self.Count; i++)
    {
      var x = self.List[0].parentNode.appendChild(self.List[i].cloneNode(true));
      self.List[i].onmouseover = x.onmouseover = self.Stop;
      self.List[i].onmouseout = x.onmouseout = self.Start;
    }
    
    self.Start();
  }

  self.Init();

}