function showL1() {
  hideAll();
  document.getElementById("l1").style.display = "block";
  document.getElementById("about").style.backgroundImage = "url('../images/navlink_bg_hover_js.jpg')";
  document.getElementById("about").style.paddingTop = "7px";
  document.getElementById("about").style.paddingLeft = "5px";
  document.getElementById("about").style.height = "43px";
  document.getElementById("about").style.width = "65px";
}

function showL2() {
  hideAll();
  document.getElementById("l2").style.display = "block";
  document.getElementById("solutions").style.backgroundImage = "url('../images/navlink_bg_hover_js.jpg')";  
  document.getElementById("solutions").style.paddingTop = "7px";
  document.getElementById("solutions").style.paddingLeft = "5px";
  document.getElementById("solutions").style.height = "43px";
  document.getElementById("solutions").style.width = "65px";
}

function showL3() {
  hideAll();
  document.getElementById("l3").style.display = "block";  
  document.getElementById("studies").style.backgroundImage = "url('../images/navlink_bg_hover_js.jpg')";  
  document.getElementById("studies").style.paddingTop = "7px";
  document.getElementById("studies").style.paddingLeft = "5px";
  document.getElementById("studies").style.height = "43px";
  document.getElementById("studies").style.width = "65px";
}

function showL4() {
  hideAll();
  document.getElementById("l4").style.display = "block";
  document.getElementById("footage").style.backgroundImage = "url('../images/navlink_bg_hover_js.jpg')"; 
  document.getElementById("footage").style.paddingTop = "15px";
  document.getElementById("footage").style.paddingLeft = "5px";
  document.getElementById("footage").style.height = "35px";
  document.getElementById("footage").style.width = "65px";
}

function showL5() {
  hideAll();
  document.getElementById("l5").style.display = "block";
  document.getElementById("products").style.backgroundImage = "url('../images/navlink_bg_hover_js.jpg')";
  document.getElementById("products").style.paddingTop = "15px";
  document.getElementById("products").style.paddingLeft = "5px";
  document.getElementById("products").style.height = "35px";
  document.getElementById("products").style.width = "65px";
}

function showL6() {
  hideAll();
  document.getElementById("l6").style.display = "block";
  document.getElementById("support").style.backgroundImage = "url('../images/navlink_bg_hover_js.jpg')";  
  document.getElementById("support").style.paddingTop = "15px";
  document.getElementById("support").style.paddingLeft = "5px";
  document.getElementById("support").style.height = "35px";
  document.getElementById("support").style.width = "65px";
}

function showL7() {
  hideAll();
  document.getElementById("l7").style.display = "block";
  document.getElementById("news").style.backgroundImage = "url('../images/navlink_bg_hover_js.jpg')";  
  document.getElementById("news").style.paddingTop = "15px";
  document.getElementById("news").style.paddingLeft = "5px";
  document.getElementById("news").style.height = "35px";
  document.getElementById("news").style.width = "65px";

}

function showL8() {
  hideAll();
  document.getElementById("l8").style.display = "block";
  document.getElementById("contact").style.backgroundImage = "url('../images/navlink_bg_hover_js.jpg')"; 
  document.getElementById("contact").style.paddingTop = "7px";
  document.getElementById("contact").style.paddingLeft = "5px";
  document.getElementById("contact").style.height = "43px";
  document.getElementById("contact").style.width = "65px";
}

function displayL1() {
  document.getElementById("about").style.backgroundImage = "url('../images/navlink_bg_open.jpg')";
}

function displayL2() {
  document.getElementById("solutions").style.backgroundImage = "url('../images/navlink_bg_open.jpg')";
}

function displayL3() {
  document.getElementById("studies").style.backgroundImage = "url('../images/navlink_bg_open.jpg')";
}

function displayL4() {
  document.getElementById("footage").style.backgroundImage = "url('../images/navlink_bg_open.jpg')";
}

function displayL5() {
  document.getElementById("products").style.backgroundImage = "url('../images/navlink_bg_open.jpg')";
}

function displayL6() {
  document.getElementById("support").style.backgroundImage = "url('../images/navlink_bg_open.jpg')";
}

function displayL7() {
  document.getElementById("news").style.backgroundImage = "url('../images/navlink_bg_open.jpg')";
  document.getElementById("news").style.paddingTop = "15px";
  document.getElementById("news").style.paddingLeft = "5px";
  document.getElementById("news").style.height = "35px";
  document.getElementById("news").style.width = "65px";
}

function displayL8() {
  document.getElementById("contact").style.backgroundImage = "url('../images/navlink_bg_open.jpg')";
  document.getElementById("contact").style.paddingTop = "7px";
  document.getElementById("contact").style.paddingLeft = "5px";
  document.getElementById("contact").style.height = "43px";
  document.getElementById("contact").style.width = "65px";
}

function hideAll() {
  document.getElementById("l1").style.display = "none";
  document.getElementById("l2").style.display = "none";
  document.getElementById("l3").style.display = "none";  
  document.getElementById("l4").style.display = "none";
  document.getElementById("l5").style.display = "none";
  document.getElementById("l6").style.display = "none";
  document.getElementById("l7").style.display = "none";
  document.getElementById("l8").style.display = "none";  

  document.getElementById("about").style.backgroundImage = "url('../images/navlink_bg.jpg')";
  document.getElementById("solutions").style.backgroundImage = "url('../images/navlink_bg.jpg')";
  document.getElementById("studies").style.backgroundImage = "url('../images/navlink_bg.jpg')";
  document.getElementById("footage").style.backgroundImage = "url('../images/navlink_bg.jpg')";
  document.getElementById("products").style.backgroundImage = "url('../images/navlink_bg.jpg')";
  document.getElementById("support").style.backgroundImage = "url('../images/navlink_bg.jpg')";
  document.getElementById("news").style.backgroundImage = "url('../images/navlink_bg.jpg')";
  document.getElementById("contact").style.backgroundImage = "url('../images/navlink_bg.jpg')";
  
  document.getElementById("about").style.paddingTop = "12px";
  document.getElementById("about").style.paddingLeft = "0px";
  document.getElementById("about").style.height = "38px";
  document.getElementById("about").style.width = "70px";
  
  document.getElementById("solutions").style.paddingTop = "12px";
  document.getElementById("solutions").style.paddingLeft = "0px";
  document.getElementById("solutions").style.height = "38px";
  document.getElementById("solutions").style.width = "70px";
  
  document.getElementById("studies").style.paddingTop = "12px";
  document.getElementById("studies").style.paddingLeft = "0px";
  document.getElementById("studies").style.height = "38px";
  document.getElementById("studies").style.width = "70px";
  
  document.getElementById("footage").style.paddingTop = "21px";
  document.getElementById("footage").style.paddingLeft = "0px";
  document.getElementById("footage").style.height = "29px";
  document.getElementById("footage").style.width = "70px";
  
  document.getElementById("products").style.paddingTop = "21px";
  document.getElementById("products").style.paddingLeft = "0px";
  document.getElementById("products").style.height = "29px";
  document.getElementById("products").style.width = "70px";
  
  document.getElementById("support").style.paddingTop = "21px";
  document.getElementById("support").style.paddingLeft = "0px";
  document.getElementById("support").style.height = "29px";
  document.getElementById("support").style.width = "70px";
  
  document.getElementById("news").style.paddingTop = "21px";
  document.getElementById("news").style.paddingLeft = "0px";
  document.getElementById("news").style.height = "29px";
  document.getElementById("news").style.width = "70px";
  
  document.getElementById("contact").style.paddingTop = "12px";
  document.getElementById("contact").style.paddingLeft = "0px";
  document.getElementById("contact").style.height = "38px";
  document.getElementById("contact").style.width = "70px";
}

function showHover() {
  document.getElementById("hoverBox").style.display = "block";
}

function hideHover() {
  document.getElementById("hoverBox").style.display = "none";
}