// JavaScript Document for INP271-Lab 2 - Mike Behnke

window.onload = function() {
  if (!document.getElementById && !document.getElementsByTagName) {return;}
  
  changeBg();
  switchSides();
  hoverHeader();
}

function changeBg () {   // Change number 1 - change link hover background color
  var nav = document.getElementById('navbar');
  var navLinks = nav.getElementsByTagName('a');
  for (var i=0; i<navLinks.length; i++) {
    navLinks[i].className += ' onhover';
  }
}

function switchSides () {  // Change #2 - switch nav and infoboxes sides
  var content = document.getElementById('content');
  var newsBox = document.getElementById('rightside');
  var navBar = document.getElementById('navbar');
  
  content.className += ' switch';
  newsBox.className += ' switch';
  navBar.className += ' switch';
}

function hoverHeader () {  // Change #3 - add note above menu
  var header = document.getElementById('logo');
  var logoText = document.getElementById('menuhelp');
  logoText.className = 'changeheader';
}