/*Designed and developed by Kristine Towne
JS file for attractions.html*/

screens = new Array();
menuLinks = new Array();

window.onload = function(){

  var list = document.getElementById("list");
  if (list.hasChildNodes()){
    var ul = list.firstChild;
    do{
      if(ul.hasChildNodes()){
        screens.push(ul);
      }
      ul = ul.nextSibling;
    }while(ul);
  }

  var menu = document.getElementById("attractionmenu");
  if (menu.hasChildNodes()){
    var li = menu.firstChild;
    i = 0;
    do{
      if(li.hasChildNodes()){
        var a = li.firstChild;
        do{
          if(a.hasChildNodes()){
            menuLinks.push(a);
            a.onmousedown = function(){
              for(j = 0; j < screens.length; j++){
                screens[j].style.display='none';
              }
              for(k = 0; k < menuLinks.length; k++){
                menuLinks[k].style.backgroundImage='none';
              } 
              screens[this.pos].style.display='block'
              this.style.backgroundImage='url(Images/reellarge.jpg)';
            }
            a.pos = i;
            i = i + 1;
          }
          a = a.nextSibling;
        }while(a);
      }
      li = li.nextSibling; 
    }while(li);
  }

  for(j = 0; j < screens.length; j++){
    screens[j].style.display='none';
  }
  screens[0].style.display='block';
  menuLinks[0].style.backgroundImage='url(Images/reellarge.jpg)';
}