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

                               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.

*/




document.write('\
<ul id="tmenu0" style="display:none;">\
\
	<!-- Main Item 0... --><li expanded=1><span style="font-size:12; font-weight:bold; color:#333333">Digital Monitor System</span>\
\
\
		<!-- *SUB MENU* --><ul>\
		<li><span >Color Camera Series</span>\
\
			<!-- Sub Menu --><ul>\
			<li><a  href="shexiang1.asp">Standard Camera </a></li>\
			<li><a  href="shexiang2.asp">Day&Night Camera </a></li>\
			<li><a  href="shexiang3.asp">High Definition</a></li>\
			<li><a  href="shexiang4.asp">Low Illumination</a></li>\
			<!-- *END SUB* --></ul></li>\
		<li><span>IR Waterproof Camera </span>\
		<!-- Sub Menu --><ul>\
			<li><a  href="shexiang5.asp">IR Waterproof</a></li>\
			<li><a  href="shexiang14.asp">Remote IR Camera</a></li>\
			<!-- *END SUB* --></ul></li>\
		<li><span>Demo Camera Color </span>\
		<!-- Sub Menu --><ul>\
			<li><a  href="shexiang6.asp">General Camera </a></li>\
			<li><a  href="shexiang7.asp">IR Demo Camera</a></li>\
			<li><a  href="shexiang8.asp">Vandal-Proof Camera</a></li>\
			<li><a  href="shexiang15.asp">Flying Disk Camera</a></li>\
			<!-- *END SUB* --></ul></li>\
		<li><span>Integrated Camera</span>\
		<!-- Sub Menu --><ul>\
			<li><a  href="shexiang9.asp">Integrated Camera</a></li>\
		<!-- *END SUB* --></ul></li>\
		<li><span>Globularity Camera</span>\
		<!-- Sub Menu --><ul>\
			<li><a href="shexiang10.asp">High Speed Dome </a></li>\
			<li><a href="shexiang11.asp">Mid Speed Dome  </a></li>\
			<li><a href="shexiang12.asp">Low Speed Dome  </a></li>\
			<!-- *END SUB* --></ul></li>\
		<li><span>Embedded HD VCR</span>\
		<!-- Sub Menu --><ul>\
			<li><a  href="shexiang13.asp">Embedded HD VCR</a></li>\
		<!-- *END SUB* --></ul></li>\
		<li><span>Equipments Series</span>\
		<!-- Sub Menu --><ul>\
			<li><a  href="keyb.asp">Controlling Keyboard</a></li>\
			<li><a  href="moni.asp">Monitor </a></li>\
			<li><a  href="lens.asp">Lens</a></li>\
			<li><a  href="brace.asp">Bracket</a></li>\
			<li><a  href="shield.asp">Shields</a></li>\
		<!-- *END SUB* --></ul></li>\
\
\
\
\
		<!-- *END SUB* --></ul>\
\
\
\
\
\
</ul>');











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

                               Customizable Options and Styles

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


function tmenudata0()
{

    /*---------------------------------------------
    Animation Settings
    ---------------------------------------------*/


	this.animation_jump = 10		//Measured in Milliseconds (1/1000s)
	this.animation_delay = 5		//Measured in pixels

	

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


	this.imgage_gap = 3				//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 = "images/pluss.gif"		//specifies a custom plus image.
	this.minus_image = "images/minuss.gif"		//specifies a custom minus image.
	this.pm_width_height = "9,9"			//9,9Width & Height  - Note: Both images must be the same dimensions.


	this.folder_image = "images/folder.gif"		//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 = "18,17"		//16,14Width & Height  - Note: Both images must be the same dimensions.




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


	this.indent = 10;			//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:normal;			\
                                           font-family:Arial;			\
                                           font-size:14px;			\
                                           color:#333333;			\
                                           padding:2px;				"
                                           
                                          
        this.sub_item_styles =            "text-decoration:none;		\
                                           font-weight:normal;			\
                                           font-family:Arial;			\
                                           font-size:12px;			\
                                           color:#333333;			"			



	/* 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:0px;"
	this.sub_container_styles = "padding-top:7px; padding-bottom:7px;"

	this.main_link_styles = "color:#0066aa; text-decoration:none;"
	this.main_link_hover_styles = "color:#ff0000; text-decoration:underline;"
	
	this.sub_link_styles = ""
	this.sub_link_hover_styles = ""
	
	this.main_expander_hover_styles = "text-decoration:underline;";
	this.sub_expander_hover_styles = "";
	

}