/**********************************************************************************************

                               Tree Items and Content

**********************************************************************************************/

/*  

        Note:  Each <li... tag below creates a new tree item, you may add as many as you wish.  Terminate each line with 
               a backslash '\'.

     Warning:  Double check that there are no extra white spaces after your terminating '\' backslashes, the scroll will fail to
               load if there are extra spaces present.


     Tips & Tricks

             1: Adjust the id="tmenu0" value in the opening UL tag below to match the numeric id of
                the 'function tmenudata0' statement within the parameter settings and source code section.
                The numbers must match for the menu to work, multiple menus may be used on a single page by
                adding new sections with new id's.

             2: By default parent items which expand to show their children do not have clickable text, only
                the plus / minus arrows are clickable.  To make the text clickable as well, surround the entire
                description in a span tag (e.g. <span>my item description</span>).

             3: Any item may be expanded by default when your menu loads.  To do this add the custom expanded attribute
                to the items LI tag and set the value to 1 (e.g. <LI expanded=1>).

             4: When adding a child sub menu, the new UL and LI tags must be included within a parent <LI> tag,
                but not within the parent's <a> tag.  Note that in the sample menu below, the closing </LI> tag
                for a menu item with a sub menu appears at the end of its child sub menu.

             5: UL tags are menu containers, LI tags are menu items.  You may add an infinite number of these
                contains and items to create any type of menu structure.

             6: There are no restrictions, you may use inline styles, custom scripts, custom HTML tags, etc...
                on any individual menu item or container.

             7: For simple maintenance add this section to an include when using the menu with multiple documents.

             8: Menu tags may be dynamically generated by a database using a technique of your choosing.  All menu
                code is 100% client side and fully independent from the back end method by which the document is
                served.

            9: For 508 compliancy remove the 'display:none;' value from the opening DIV's inline style below.
                *NOTE: With the statement removed you may see a quick flicker as the page loads.

*/



document.write('\
<ul id="tmenu0" style="display:none;">\
\
	<!-- Main Item 0... --><li><span>Information<BR><img src="/events/east/08/images/1x1.gif" border="0" vspace="3"></span>\
\
\
		<!-- *SUB MENU* --><ul>\
		<li><a href="intro.asp">Introduction</a></li>\
		<li><a href="info.asp">General Information</a></li>\
		<li><a href="faqs.asp">FAQs</a></li>\
		<li><a href="hotel.asp">Hotel &amp; Travel</a></li>\
		<!-- *END SUB* --></ul></li>\
\
	<!-- Main Item 0... --><li>&nbsp;&nbsp;&nbsp;&nbsp;<a href="schedule.asp"><b>Schedule</b></a><BR><img src="/events/east/08/images/1x1.gif" border="0" vspace="3">	</li>\
\
\
\
	<!-- Main Item 1... --><li><span>Events<BR><img src="/events/east/08/images/1x1.gif" border="0" vspace="3"></span>\
\
\
		<!-- Sub Menu --><ul>\
		<li><a href="speakers.asp">Speakers & Panels</a></li>\
		<li><a href="doncio.asp">DoN CIO Sessions</a></li>\
		<li><a href="events.asp">Special Events</a></li>\
		<li><a href="moaa.asp">MOAA Spouse Symposium</a></li>\
		<li><a href="smallbus.asp">Navy Small Business Conf.</a></li>\
		<li><a href="tix.asp">Tickets</a></li>\
		<!-- *END SUB* --></ul></li>\
\
\
	<!-- Main Item 2... --><li>&nbsp;&nbsp;&nbsp;&nbsp;<span><a href="http://events.jspargo.com/jointwarfighting08/public/enter.aspx" target="blank">Exhibit Hall</a><BR><img src="/events/east/08/images/1x1.gif" border="0" vspace="3"></span>\
\
\
		</li>\
\
\
\
	<!-- Main Item 3... --><li><span>&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.techexpousa.com" target="blank">Job Fair</a><BR><img src="/events/east/08/images/1x1.gif" border="0" vspace="3"></span>\
\
\
		</li>\
\
\
\
	<!-- Main Item 5... --><li><span>Corporate Opportunities<BR><img src="/events/east/08/images/1x1.gif" border="0" vspace="3"></span>\
\
\
		<!-- Sub Menu --><ul>\
		<li><a href="patrons.asp">Patrons & Sponsors</a></li>\
		<li><a href="corporatetables.asp">Corporate Tables</a></li>\
		<!-- *END SUB* --></ul></li>\
\
\
\
    <!-- Main Item 6... -->\
\
\
\
    <!-- Main Item 7... --><li><span>Register Now!<BR><img src="/events/east/08/images/1x1.gif" border="0" vspace="3"></span>\
\
\
        <!-- Sub Menu --><ul>\
		<li><a href="https://reg.jspargo.com/east08/">Attendee Registration</a></li>\
		<li><a href="https://reg.jspargo.com/east08/">Exhibitor Registration</a></li>\
		<li><a href="media.asp">Media Registration</a></li>\
		<!-- *END SUB* --></ul></li>\
\
</ul>');











/**********************************************************************************************

                               Customizable Options and Styles

**********************************************************************************************/

node7 = true
function tmenudata0()
{


    /*---------------------------------------------
    Image Settings (icons and plus minus symbols)
    ---------------------------------------------*/


	this.imgage_gap = 5			//The image gap is applied to the left and right of the folder and document icons.
						//In the absence of a folder or document icon the gap is applied between the
						//plus / minus symbols and the text only.


	this.plus_image = "/events/east/08/images/arrow-closed.gif"		//specifies a custom plus image.
	this.minus_image = "/events/east/08/images/arrow-open.gif"		//specifies a custom minus image.
	this.pm_width_height = "9,5"		//Width & Height  - Note: Both images must be the same dimensions.


	this.folder_image = ""	//Automatically applies to all items which may be expanded.
	this.document_image = ""	//Automatically applies to all items which are not expandable.
	this.icon_width_height = "0,0"	//Width & Height  - Note: Both images must be the same dimensions.




    /*---------------------------------------------
    General Settings
    ---------------------------------------------*/


	this.indent = 14;			//The indent distance in pixels for each level of the tree.
	this.use_hand_cursor = true;		//Use a hand mouse cursor for expandable items, or the default arrow.




    /*---------------------------------------------
    Tree Menu Styles
    ---------------------------------------------*/


	this.main_item_styles =           "text-decoration:none;		\
                                           font-weight:bold;			\
                                           font-family:Arial, Helvetica, Verdana;			\
                                           font-size:11px;			\
                                           color:#422f56;			\
                                           padding:6px 0 0 0;          \
                                           border-top:1px solid #6a498b;       "


        this.sub_item_styles =            "text-decoration:none;		\
                                           font-weight:normal;			\
                                           font-family:Arial, Helvetica, Verdana;			\
                                           font-size:10px;			\
                                           color:#fff;			\
                                           padding:8px 0 2px 0;			\
                                           margin:0px;			\
                                           border-top:none;          "

  

	/* Styles may be formatted as multi-line (seen above), or on a single line as shown below.
	   The expander_hover_styles apply to menu items which expand to show child menus.*/



	this.main_container_styles = "padding:0; background: #ffffff;"
	this.sub_container_styles = "padding-top:2px; padding-bottom:7px; background: #8460a8;"

	this.main_link_styles = "color:#422f56; font-weight:bold; text-decoration:none; line-height: 3px;"
	this.main_link_hover_styles = "color:#8460a8; text-decoration:underline;"

	this.sub_link_styles = "color:#fff;"
	this.sub_link_hover_styles = "color:#000000; text-decoration:underline;"

	this.main_expander_hover_styles = "color: #422f56; text-decoration:none;";
	this.sub_expander_hover_styles = "";


}