function id(ID){
  return document.getElementById(ID);
}

var URL=window.location.toLocaleString();
var querystring;
var query = {};
var page;

if(URL.indexOf("?")>-1){
    querystring = URL.split("?")[1] //Extract the query string from the URL.
    var queryterms = querystring.split("&") //Array of query terms.
    for(i=0;i<queryterms.length;i++){
        term = queryterms[i].split("="); //Split keys from values.
        query[term[0]]=term[1] //Add key/val pairs to dict.
    }
    page = query["page"] //The page name is the first.
} else {
    page = "home"; //If no page name is specified in the query, go to the home page.
}

var iframetarget="";

var pages = ["home","about"]; //Array of defined pages

switch(page){
    //Add cases here for navibar items that don't just open a simple page.
    default:
    if(pages.indexOf(page)>-1){
        iframetarget="pages/"+page+".html"; //By default, display the file whose name is specified in the query.
    } else {
        iframetarget = "pages/home.html"; //If the query specifies a page name that doesn't exist, open the home page.
    }
}


navibar = document.getElementsByClassName("navibar");
for(k=0;k<navibar.length;k++){
    navibar[k].href="index.html?page="+navibar[k].getAttribute("target");
    //Set the navibar links to the page specified in their "target" attribute.
}


  id("frame").src = iframetarget;

/*}

  for(i=0;i<document.getElementsByClassName("navibar").length;i++){
    if(document.getElementsByClassName("navibar")[i].getAttribute("target")==page){
    document.getElementsByClassName("navibar")[i].style.fontWeight="bold";
    document.getElementsByClassName("gradient")[i].style.background="rgba(0,0,0,0)";
  } else{
    document.getElementsByClassName("gradient")[i].style.background="linear-gradient(to bottom , rgba(0,0,0,0.6) , rgba(0,0,0,0));";
    document.getElementsByClassName("navibar")[i].style.fontWeight="normal";
  }
}
*/