var color_bg = "#001155";
var color_text = "#7e8fd2";
var color_bg_hover = "#384b97";
var color_text_hover = "#9aa7d8";
var color_bg_pressed = color_bg;
var color_text_pressed = "#ffffff";

document.observe("dom:loaded", function() {
  new Effect.Fade('header', {from: 0, to: 0, duration: .1});
  new Effect.Opacity('header_info', {from: 0, to: 0, duration: .1});
  new Effect.Fade('menu', {from: 0, to: 0, duration: .1});
  new Effect.Fade('footer', {from: 0, to: 0, duration: .1});
  setTimeout("new Effect.Fade('hideall', { duration: 0.5 });", 100);
  setTimeout("new Effect.Appear('header', { duration: 0.5 });", 500);
  setTimeout("new Effect.Appear('footer', { duration: 0.5 });", 1001);
  setTimeout("new Effect.Opacity('header_info', { from: 0, to: 1, duration: 0.5 });", 1000);
  setTimeout("new Effect.SlideDown('menu', { duration: 0.8, transition: Effect.Transitions.spring });", 1000);
  
  for (var i = 0; i < docenten.length; i++) {
    if ($('page_docenten_'+docenten[i][0]) != undefined)
      new Effect.Fade('page_docenten_'+docenten[i][0], {from: 0, to: 0, duration: .1});
    if ($('navbutton_docenten_'+docenten[i][0]) != undefined)
      new Effect.Morph('navbutton_docenten_'+docenten[i][0], { style: 'background: ' + color_bg + '; color: ' + color_text, duration: 0.1 });
  }
  
  for (var i = 0; i < menu.length; i++) {
    if ($('page_'+menu[i][0]) != undefined)
      new Effect.Fade('page_'+menu[i][0], {from: 0, to: 0, duration: .1});
    if ($('page_'+menu[i][0]) != undefined)
      new Effect.Morph('navbutton_'+menu[i][0], { style: 'background: ' + color_bg + '; color: ' + color_text, duration: 0.1 });
  }
  
  setTimeout("setInterval('checkAnchor()', 250);", 1000);
  setInterval('moveLichtkrant()', 201);
});

function openPage(page, prev) {
  p = page;
  q = '';
  if ($('navbutton_'+prev) != undefined)
    new Effect.Morph('navbutton_'+prev, { style: 'background: ' + color_bg + '; color: ' + color_text, duration: 0.3 });
  if ($('page_'+prev) != undefined)
    new Effect.SlideUp('page_'+prev, { duration: 0.4 });
  if ($('navbutton_'+p) != undefined)
    new Effect.Morph('navbutton_'+p, { style: 'background: ' + color_bg_pressed + '; color: ' + color_text_pressed, duration: 0.3 });
  if ($('page_'+p) != undefined)
    setTimeout("new Effect.SlideDown('page_'+p, { duration: .4 });", 400);
}

function openSubPage(page, prev) {
  q = page;
  if ($('navbutton_'+p+'_'+prev) != undefined)
    new Effect.Morph('navbutton_'+p+'_'+prev, { style: 'background: ' + color_bg + '; color: ' + color_text, duration: 0.3 });
  if ($('page_'+p+'_'+prev) != undefined)
    new Effect.SlideUp('page_'+p+'_'+prev, { duration: 0.4 });
  if ($('navbutton_'+p+'_'+q) != undefined)
    new Effect.Morph('navbutton_'+p+'_'+q, { style: 'background: ' + color_bg_pressed + '; color: ' + color_text_pressed, duration: 0.3 });
  if ($('page_'+p+'_'+q) != undefined)
    setTimeout("new Effect.SlideDown('page_'+p+'_'+q, { duration: .4 });", 400);
}

function checkAnchor() {
  var np = "home";
  var nq = "home";
  if (window.location.hash) {
    var split = window.location.hash.substring(1).split('/');
    if (split.length > 0)
      np = split[0];
    if (split.length > 1)
      nq = split[1];
  }
  if (p != np) {
    openSubPage("", q);
    openPage(np, p);
    openSubPage("home", "");
    // Google Analytics:
    if (nq == 'home')
      pageTracker._trackPageview("/" + np);
    return;
  }
  if (q != nq) {
    openSubPage(nq, q);
    // Google Analytics:
    pageTracker._trackPageview("/" + np + "/" + nq);
  }
}

function hoverMenu(page) {
  if (page != p && page != p + '_' + q)
    new Effect.Morph('navbutton_'+page, { style: 'background: ' + color_bg_hover + '; color: ' + color_text_hover, duration: 0.1 });
}

function unhoverMenu(page) {
  if (page != p && page != p + '_' + q)
    new Effect.Morph('navbutton_'+page, { style: 'background: ' + color_bg + '; color: ' + color_text, duration: 0.5 });
}




var hoverLicht = false;

function hoverLichtkrant() {
  hoverLicht = true;
}

function unhoverLichtkrant() {
  hoverLicht = false;
}

function moveLichtkrant() {
  
  if ($('lichtkrant') == undefined)
    return;

  if ($('lichtkrant_text').getWidth() + $('lichtkrant_text').viewportOffset()[0] <= $('lichtkrant_titel').getWidth() + 10)
    new Effect.Move('lichtkrant_text', { x: 890, y: 0, duration: 0.1, transition: Effect.Transitions.full, mode: 'absolute' } );
  else if (!hoverLicht)
    new Effect.Move('lichtkrant_text', { x: -15, y: 0, duration: 0.2, transition: Effect.Transitions.linear, mode: 'relative' } );
}