// JavaScript Document

/*

Adding another menu heding would require manipulation of the main css file to make all the containers fit but if you want to add another link to an existing box, just copy a line with //creates an individual link comment after it and paste it under the existing ones and add youe new information between the ''s and it should propigae throughout the entire site.  Also to make an existing commented link live  remove the // comment in front of the d.write statement and change the href="#" section to the path of the new file and it should work.

*** NOTE ON NESTING QUOTES ***
the first layer of quotes in the d.write statement is a double quote(")
the second layer of quotes (ie in the elements of the html id= or onmouseover=) is a single quote(')
when nesting quotes three layers deep (ie the function calls in the onmouseover and onmouseout events in the nav_item_1 and nav_item_2 div containers you must go back to the double quote(") with the backslash  character just before it (/")

*/

var d = document;

d.write("<div id='nav_item_1' onmouseover='makeVis(\"news_sub_item\",\"visible\")' onmouseout='makeVis(\"news_sub_item\",\"hidden\")'>"); //creates a container for the menu heading and calls the makeVis function
d.write("news/events"); //menu heading name
d.write("<div id='news_sub_item'>"); //creates the sub menu container for the menu heading
d.write("<a href='home.html' title='Check out the news and events!'>HOME</a>"); //creates an individual menu item
d.write("</div></div>"); //closes nav_item and sub_item div containers
d.write("<div id='nav_item_1' onmouseover='makeVis(\"faci_sub_item\",\"visible\")' onmouseout='makeVis(\"faci_sub_item\",\"hidden\")'>"); //creates a container for the menu heading and calls the makeVis function
d.write("facility/amenities"); //menu heading name
d.write("<div id='faci_sub_item'>");//creates the sub menu container for the menu heading
d.write("<a href='virtual_tour.html' title='Check out what the new facility will have to offer.'>VIRTUAL TOUR</a><br />"); //creates an individual menu item
d.write("<a href='facility.html' title='You can get all of what you need right here at MX365.'>MX365 AMENITIES</a><br />"); //creates an individual menu item
//d.write("<a href='#'  title='Discription of this link'>AREA AMENITIES</a><br />"); //creates an individual menu item
d.write("<a href='directions.html' title='You gotta be able to get there to ride there.'>DIRECTIONS</a>"); //creates an individual menu item
d.write("</div></div>"); //closes nav_item and sub_item div containers
d.write("<div id='nav_item_1' onmouseover='makeVis(\"medi_sub_item\",\"visible\")' onmouseout='makeVis(\"medi_sub_item\",\"hidden\")'>"); //creates a container for the menu heading and calls the makeVis function
d.write("media"); //menu heading name
d.write("<div id='medi_sub_item'>");//creates the sub menu container for the menu heading
d.write("<a href='media.html' title='Discription of this link'>STILL</a><br />"); //creates an individual menu item
d.write("<a href='media.html' title='Discription of this link'>VIDEO</a> "); //creates an individual menu item          
d.write("</div></div>"); //closes nav_item and sub_item div containers
d.write("<div id='nav_item_1' onmouseover='makeVis(\"memb_sub_item\",\"visible\")' onmouseout='makeVis(\"memb_sub_item\",\"hidden\")'>"); //creates a container for the menu heading and calls the makeVis function
d.write("membership"); //menu heading name
d.write("<div id='memb_sub_item'>");//creates the sub menu container for the menu heading
d.write("<a href='membership.html' title='Membership has its privledges.'>SIGN-UP</a><br />"); //creates an individual menu item
d.write("<a href='faq.html' title='Your questions answered.'>FAQ</a><br />"); //creates an individual menu item
d.write("<a href='video_faq.html' title='Your questions answered.'> VIDEO FAQ</a><br />"); //creates an individual menu item
//d.write("<a href='membership.html' title='This is a must read!'>RULES</a>"); //creates an individual menu item       
d.write("</div></div>"); //closes nav_item and sub_item div containers
d.write("<div id='nav_item_2' onmouseover='makeVis(\"cont_sub_item\",\"visible\")' onmouseout='makeVis(\"cont_sub_item\",\"hidden\")'>"); //creates a container for the menu heading and calls the makeVis function
d.write("contact/links"); //menu heading name
d.write("<div id='cont_sub_item'>");//creates the sub menu container for the menu heading
d.write("<a href='contact.php' title='Info on how to get in-touch with us.'>CONTACT</a><br />"); //creates an individual menu item
d.write("<a href='links.html' title='Discription of this link'>LINKS</a><br />"); //creates an individual menu item
//d.write("<a href='#' title='Discription of this link'>MOBILE SITE</a><br />"); //creates an individual menu item
//d.write("<a href='#' title='Discription of this link'>MX365 FORUM</a>"); //creates an individual menu item         
d.write("</div></div>"); //closes nav_item and sub_item div containers
