var Main = {
  init: function() {
    var menu, imagemenu;
    Main.urls = Main.getImageUrls();
    
    $('#content').append($('<div id="images"></div>'));
    Main.imagesDiv = $('#images').eq(0);
    
    if ($('meta[name="no-menu"]').length == 0) {
      $('#header').append($('<div id="imagemenu"></div>'));
      menuOn = true;
      imagemenu = $('#imagemenu');
    }
    else {
      menuOn = false;
      imagemenu = null;
    }
    
    Main.imagesDiv.imageviewer({
      images: Main.urls,
      menu: menuOn,
      menuContainer: imagemenu
    });
    
    Main.extra = $('#extra');
    
    
    // create panel to open extra info
    if (Main.extra.length != 0) {
      if (location.href.indexOf('/en/') != -1) {
        var more = 'Read on',
            less = 'Back';
      }
      else {
        var more = 'Lees verder',
            less = 'Terug'
      }
      
      $('#main_content').append('<p><a id="more" href="#">' + more + ' &gt;</a></p>');
      $('#more').click(Main.openExtra);
      
      Main.extra.append('<p><a id="less" href="#">' + less + ' &lt;</a></p>');
      $('#less').click(Main.closeExtra);
    }
    
    
    $(window).resize(Main.resizeWindow).resize();
  },
  
  
  getImageUrls: function() {
    var urls = [];
    
    $('#main img:not(.leavealone)').each(function(index, elm) {
      urls[urls.length] = elm.src;
      
      $(elm).remove();
    });
    
    return urls;
  },
  
  
  openExtra: function(e) {
    e.preventDefault();
    Main.extra.show();
  },
  
  
  closeExtra: function(e) {
    e.preventDefault();
    Main.extra.hide();
  },
  
  
  resizeWindow: function() {
    var height = $(window).height();
    
    if (height > 620) {
      $('body').css('padding-top', Math.round((height - 570) / 2) + 'px');
    }
  }
}

$(Main.init);