//Navigation Bar
function expand(s) {
  var td = s;
  var d = td.getElementsByTagName("div").item(0);

  td.className = "menuHover";
  d.className  = "menuHover";
}

function collapse(s) {
  var td = s;
  var d  = td.getElementsByTagName("div").item(0);
  
  td.className = "menuNormal";
  d.className  = "menuNormal";
}

function collapseLink(s) {
  var td = s;
  var d  = td.getElementsByTagName("div").item(0);

  td.className = "menuNormal";
  d.className  = "menuNormal";
}

//Home
function homeImageOver() {
  document.Home.src="Resources/Buttons/Navigation Buttons/Home Buttons/Home_buttonDown.png";
}

function homeImageOut() {
  document.Home.src="Resources/Buttons/Navigation Buttons/Home Buttons/Home_button.png";
}

function homeImageClick() {
  document.Home.src ="Resources/Buttons/Navigation Buttons/Home Buttons/Home_button.png";
  window.location    = "home.html";
}


//About
function aboutImageOver() {
  document.About.src="Resources/Buttons/Navigation Buttons/About Buttons/About_buttonDown.png";
}

function aboutImageOut() {
  document.About.src="Resources/Buttons/Navigation Buttons/About Buttons/About_button.png";
}

function aboutImageClick() {
  document.About.src ="Resources/Buttons/Navigation Buttons/About Buttons/About_button.png";
  window.location    = "history.html";
}

//All-Star
function aStarImageOver() {
  document.AllStar.src = "Resources/Buttons/Navigation Buttons/AllStar Buttons/AllStar_buttonDown.png";
}

function aStarImageOut() {
  document.AllStar.src = "Resources/Buttons/Navigation Buttons/AllStar Buttons/AllStar_button.png";
}

function aStarImageClick() {
  document.AllStar.src = "Resources/Buttons/Navigation Buttons/AllStar Buttons/AllStar_button.png";
  window.location = "about.html";
}

//Camps & Classes
function classesImageOver() {
  document.CampsAndClasses.src = "Resources/Buttons/Navigation Buttons/Camps&Classes Buttons/Camps&Classes_buttonDown.png";
}

function classesImageOut() {
  document.CampsAndClasses.src = "Resources/Buttons/Navigation Buttons/Camps&Classes Buttons/Camps&Classes_button.png";
}

function classesImageClick() {
  document.CampsAndClasses.src = "Resources/Buttons/Navigation Buttons/Camps&Classes Buttons/Camps&Classes_button.png";
  window.location = "classes.html";
}

//Downloads
function downloadsImageOver() {
  document.Downloads.src = "Resources/Buttons/Navigation Buttons/Downloads Buttons/Downloads_buttonDown.png";
}

function downloadsImageOut() {
  document.Downloads.src = "Resources/Buttons/Navigation Buttons/Downloads Buttons/Downloads_button.png";
}

function downloadsImageClick() {
  document.Downloads.src = "Resources/Buttons/Navigation Buttons/Downloads Buttons/Downloads_button.png";
  window.location = "downloads.html";
}

//Photos
function photosImageOver() {
  document.Photos.src = "Resources/Buttons/Navigation Buttons/Photo Buttons/Photo_buttonDown.png";
}

function photosImageOut() {
  document.Photos.src = "Resources/Buttons/Navigation Buttons/Photo Buttons/Photo_button.png";
}

function photosImageClick() {
  document.Photos.src = "Resources/Buttons/Navigation Buttons/Photo Buttons/Photo_button.png";
  window.location = "photos/";
}

//Media
function mediaImageOver() {
  document.Media.src = "Resources/Buttons/Navigation Buttons/Media Buttons/Media_buttonDown.png";
}

function mediaImageOut() {
  document.Media.src = "Resources/Buttons/Navigation Buttons/Media Buttons/Media_button.png";
}

function mediaImageClick() {
  document.Media.src = "Resources/Buttons/Navigation Buttons/Media Buttons/Media_button.png";
  window.location = "photos.html";
}

function navBarWrite() {
  var divStart = '<div style="position: fixed; display: block; width: 100%; z-index: 1000000; text-align: center; background-image: url("Resources/Buttons/Navigation Buttons/Button Templates/ButtonLine_repeat.png"); background-repeat: x;">';
  var navBarStart     = '<table class="navBarTable" cellpadding = "0" cellspacing = "0"><tr><td class="navBarFiller"></td><td><img src = "Resources/Buttons/Navigation Buttons/Button Templates/ButtonLine_repeat.png"></td>';
  var homeButton      = '<td class="menuNormal" onmouseover="homeImageOver();" onmouseout="homeImageOut();"><img name = "Home" src = "Resources/Buttons/Navigation Buttons/Home Buttons/Home_button.png" alt = "Home" onclick="homeImageClick();"></td><td><img src = "Resources/Buttons/Navigation Buttons/Button Templates/ButtonLine_repeat.png"></td>';
  var aboutButton     = '<td class="menuNormal" onmouseover="expand(this); aboutImageOver();" onmouseout="collapse(this); aboutImageOut();" onclick="collapseLink(this);">  <img name        = "About"src         = "Resources/Buttons/Navigation Buttons/About Buttons/About_button.png"alt         = "About" onclick="aboutImageClick();"><br><div class="menuNormal"><table class="menuNormal"><tr><td class="menuNormal"><a href="history.html" class="menuitem">History</a></td></tr><tr><td class="menuNormal"><a href="facility.html" class="menuitem">Facility</a></td></tr><tr><td class="menuNormal"><a href="staff.html" class="menuitem">Staff and Coaches</a></td></tr><tr><td class="menuNormal"><a href="hours.html" class="menuitem">Hours of Operation</a></td></tr><tr><td class="menuNormal"><a href="contact.html" class="menuitem">Contact</a></td></tr></table></div></td><td><img src = "Resources/Buttons/Navigation Buttons/Button Templates/ButtonLine_repeat.png"></td>';
  var allStarButton   = '<td class="menuNormal" onmouseover="expand(this); aStarImageOver();" onmouseout="collapse(this); aStarImageOut();" onclick="collapseLink(this);">         <img name        = "AllStar"src         = "Resources/Buttons/Navigation Buttons/AllStar Buttons/AllStar_button.png"alt         = "All-Star Program" onclick="aStarImageClick();"><br><div class="menuNormal"><table class="menuNormal"><tr><td class="menuNormal"><a href="about.html" class="menuitem">About</a></td></tr><tr><td class="menuNormal"><a href="teams.html" class="menuitem">Teams</a></td></tr><tr><td class="menuNormal"><a href="awards.html" class="menuitem">Awards</a></td></tr><tr><td class="menuNormal"><a href="join.html" class="menuitem">Try Outs</a></td></tr></table></div></td><td><img src = "Resources/Buttons/Navigation Buttons/Button Templates/ButtonLine_repeat.png"></td>';
  var classesButton   = '<td class="menuNormal" onmouseover="expand(this); classesImageOver();" onmouseout="collapse(this); classesImageOut();" onclick="collapseLink(this);">         <img name        = "CampsAndClasses"src         = "Resources/Buttons/Navigation Buttons/Camps&Classes Buttons/Camps&Classes_button.png"alt         = "Camps & Classes" onclick="classesImageClick();"><br><div class="menuNormal"><table class="menuNormal"><tr><td class="menuNormal"><a href="camps.html" class="menuitem">Summer Camps</a></td></tr><tr><td class="menuNormal"><a href="classes.html" class="menuitem">Classes</a></td></tr><tr><td class="menuNormal"><a href="classes.html" class="menuitem">Class Schedule</a></td></tr><tr><td class="menuNormal"><a href="privates.html" class="menuitem">Private Lessons</a></td></tr><!--<tr><td class="menuNormal"><a href="camps.html" class="menuitem">Camp Information</a></td></tr>--><tr><td class="menuNormal"><a href="opengym.html" class="menuitem">Open Gym</a></td></tr></table></div></td><td><img src = "Resources/Buttons/Navigation Buttons/Button Templates/ButtonLine_repeat.png"></td>';
  var downloadsButton = '<td class="menuNormal" onmouseover="expand(this); downloadsImageOver();" onmouseout="collapse(this); downloadsImageOut();" onclick="collapseLink(this);">         <img name        = "Downloads"src         = "Resources/Buttons/Navigation Buttons/Downloads Buttons/Downloads_button.png"alt         = "Downloads" onclick="downloadsImageClick();"><br><div class="menuNormal"><table class="menuNormal"><tr><td class="menuNormal"><a href="downloads.html" class="menuitem">Class Schedule</a></td></tr><tr><td class="menuNormal"><a href="downloads.html" class="menuitem">Release Form</a></td></tr><!--<tr><td class="menuNormal"><a href="downloads.html" class="menuitem">Sponsorship Form</a></td></tr>--></table></div></td><td><img src = "Resources/Buttons/Navigation Buttons/Button Templates/ButtonLine_repeat.png"></td>';
  var photosButton    = '<td class="menuNormal" onmouseover="photosImageOver();" onmouseout="photosImageOut();"><img name = "Photos" src = "Resources/Buttons/Navigation Buttons/Photo Buttons/Photo_button.png" alt = "Photos" onclick="photosImageClick();"></td><td><img src = "Resources/Buttons/Navigation Buttons/Button Templates/ButtonLine_repeat.png"></td>';
  var mediaButton     = '<!--<td class="menuNormal" onmouseover="expand(this); mediaImageOver();" onmouseout="collapse(this); mediaImageOut();" onclick="collapseLink(this)">        <img name        = "Media"src         = "Resources/Buttons/Navigation Buttons/Media Buttons/Media_button.png"alt         = "Media" onclick="mediaImageClick();"><br><div class="menuNormal"><table class="menuNormal"><tr><td class="menuNormal"><a href="photos.html" class="menuitem">Event Photos</a></td></tr><tr><td class="menuNormal"><a href="videos.html" class="menuitem">Videos</a></td></tr><tr><td class="menuNormal"><a href="wallpapers.html" class="menuitem">Wallpapers</a></td></tr><tr><td class="menuNormal"><a href="icons.html" class="menuitem">AIM Icons and Avatars</a></td></tr><tr><td class="menuNormal"><a href="logos.html" class="menuitem">Logos and Graphics</a></td></tr></table></div></td><td><img src = "Resources/Buttons/Navigation Buttons/Button Templates/ButtonLine_repeat.png"></td>-->';
  var navBarEnd       = '<td class="navBarFiller"></td></tr></table></td></tr>';
  var divEnd = '</div>';
  document.write (divStart + navBarStart + homeButton + aboutButton + allStarButton + classesButton + downloadsButton + photosButton + navBarEnd + divEnd);
}

//Site Map Links
function copyright() {
  window.open ('copyright.html','copyright','width=500,height=400,resizable=no,scrollbars=no,toolbar=no,location=no,directories=no,status=no,menubar=no,copyhistory=no');
}

function siteMapWrite() {
  var siteMapCode = '<tr><td colspan=5 align=center text="white" class="map"><!-- Site Map --><a class="map" href="home.html">Home</a>&nbsp;&middot;&nbsp;<a class="map" href="contact.html">Contact</a>&nbsp;&middot;&nbsp;<a class="map" href="teams.html">Teams</a>&nbsp;&middot;&nbsp;<a class="map" href="parties.html">Parties</a>&nbsp;&middot;&nbsp;<a class="map" href="downloads.html">Release Form</a><br><a class="map" href="advertise.html">Advertise</a>&nbsp;&middot;&nbsp;<a class="map" href="sponsors.html">Sponsors</a>&nbsp;&middot;&nbsp;<a class="map" href="" onclick="copyright();">Copyright</a>&nbsp;&middot;&nbsp;<a class="map" href="http://www.myspace.com/awesomeware14">Site Developers</a></td></tr>';
  document.write (siteMapCode);
}