window.onload = function() {
 if (!document.getElementById && !document.getElementsByTagName) {
  return;
 }
 liliannijland.init();
};

var liliannijland = {
 init: function() {
  this.mouseOverForMail();
  if (document.createElement) {
   this.portfolioImages();
  }
  this.scrollToCurrentImage();
 },
 mouseOverForMail: function() {
  if (document.getElementById('cv') || document.getElementById('contact')) {
   var m = document.getElementById('content').getElementsByTagName('a')[0];
   m.onmouseover = function() {
    document.getElementById('content').className = 'hover';
   }
   m.onmouseout = function() {
    document.getElementById('content').className = '';
   }
  }
 },
 portfolioImages: function() {
  if (document.getElementById('voorbeeld')) {
   document.getElementById('voorbeeld').className = 'no-scroll';
   var u = document.createElement('ul');
   u.id = 'menu-images';
   var num = document.getElementById('voorbeeld').getElementsByTagName('img').length;
   for (var i = 1; i < num + 1; i++) {
    var l = document.createElement('li');
    var a = document.createElement('a');
    a.setAttribute('href', '#' + i);
    a.myNumber = i;
    a.onclick = function() {
     liliannijland.scrollToImage(this.myNumber - 1);
     return false;
    }
    a.appendChild(document.createTextNode(i));
    l.appendChild(a);
    if (i == 1) {
     l.className = 'first';
    }
    u.appendChild(l);
   }
   document.getElementById('beschrijving').insertBefore(u, document.getElementById('beschrijving').firstChild);
  }
 },
 currentImage: 0,
 scrollToCurrentImage: function() {
  if (document.getElementById('voorbeeld') && document.location.hash) {
   var h = parseInt(document.location.hash.substring(1)) - 1;
   this.scrollToImage(h);
  }
 },
 scrollToImage: function(img) {
  document.getElementById('voorbeeld').scrollLeft = img * (572 + 20);
  this.currentImage = img;
  if (document.getElementById('current')) {
   document.getElementById('current').id = '';
  }
  document.getElementById('menu-images').getElementsByTagName('li')[img].id = 'current';
 }
};