/* bookmarked menu starts here */
document.write ('<div class="main-menu"  onClick="SwitchMenu(\'sub-navigation\')">Bookmark Code</div>');
document.write ('<span class="sub-menu" id="sub-navigation">');
document.write ('<table width="100%" border="0" cellpadding="0" cellspacing="0">');
	document.write ('<tr>');
		if(SubMenu == "Example 1")
		{
			document.write ('<td class="sub-menu-bullet" ><b>&raquo;</b> <a href="bookmark.html" class="sub-menu-link-active"><b>Bookmark Code Example</b></a></td>');
		}
		else
		{
			document.write ('<td class="sub-menu-bullet"><b>&raquo;</b> <a href="bookmark.html" class="sub-menu-link">Bookmark Code Example</a></td>');
		}
	document.write ('</tr>');
	document.write ('</table>');
document.write ('</span>');
/* bookmarked menu ends here */

/* background effects menu starts here */
document.write ('<div class="main-menu"  onClick="SwitchMenu(\'sub-navigation1\')">Background effects</div>');
document.write ('<span class="sub-menu" id="sub-navigation1">');
document.write ('<table width="100%" border="0" cellpadding="0" cellspacing="0">');
	document.write ('<tr>');
		if(SubMenu == "Example 1")
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="background-effects.html" class="sub-menu-link-active">Sliding </a></li></td>');
		}
		else
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="background-effects.html" class="sub-menu-link">Example 1</a></td>');
		}
	document.write ('</tr>');
	document.write ('</table>');
document.write ('</span>');
/* background effects menu ends here */  

/* css starts here */
document.write ('<div class="main-menu"  onClick="SwitchMenu(\'sub-navigation2\')">CSS</div>');
document.write ('<span class="sub-menu" id="sub-navigation2">');
document.write ('<table width="100%" border="0" cellpadding="0" cellspacing="0">');
	document.write ('<tr>');
		if(SubMenu == "Example 1")
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="css-star-rating.html" class="sub-menu-link-active">Star Rating</a></li></td>');
		}
		else
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="css-star-rating.html" class="sub-menu-link">Star Rating</a></td>');
		}
	document.write ('</tr>');
	
	if(SubMenu == "Example 2")
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="css-dock-menu-top.html" class="sub-menu-link-active">Dock Menu Top</a></li></td>');
		}
		else
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="css-dock-menu-top.html" class="sub-menu-link">Dock Menu Top</a></td>');
		}
	document.write ('</tr>');
	
	if(SubMenu == "Example 3")
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="circular-menu.html" class="sub-menu-link-active">Circular Menu</a></li></td>');
		}
		else
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="circular-menu.html" class="sub-menu-link">Circular Menu</a></td>');
		}
	document.write ('</tr>');
	
document.write ('</table>');
document.write ('</span>');

/*end css starts here */


/* chain dropdown menu starts here */
document.write ('<div class="main-menu"  onClick="SwitchMenu(\'sub-navigation3\')">Chain Dropdown</div>');
document.write ('<span class="sub-menu" id="sub-navigation3">');
document.write ('<table width="100%" border="0" cellpadding="0" cellspacing="0">');
	document.write ('<tr>');
		if(SubMenu == "Example 1")
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="chain-dropdown.html" class="sub-menu-link-active">Chain Dropdown Example</a></li></td>');
		}
		else
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="chain-dropdown.html" class="sub-menu-link">Chain Dropdown Example</a></td>');
		}
	document.write ('</tr>');
	
document.write ('</table>');
document.write ('</span>');
/* chain dropdown menu ends here */

/* color picker menu starts here */
document.write ('<div class="main-menu"  onClick="SwitchMenu(\'sub-navigation4\')">Color Picker</div>');
document.write ('<span class="sub-menu" id="sub-navigation4">');
document.write ('<table width="100%" border="0" cellpadding="0" cellspacing="0">');
	document.write ('<tr>');
		if(SubMenu == "Example 1")
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="color-picker.html" class="sub-menu-link-active">Through Hex color code</a></li></td>');
		}
		else
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="color-picker.html" class="sub-menu-link">Through Hex color code</a></td>');
		}
		
	document.write ('</tr>');
		if(SubMenu == "Example 2")
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="color-picker1.html" class="sub-menu-link-active">Slider</a></li></td>');
		}
		else
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="color-picker1.html" class="sub-menu-link">Slider</a></td>');
		}
		
	document.write ('<tr>');
		if(SubMenu == "Example 3")
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="color-picker2.html" class="sub-menu-link-active">Named colors, Color Slider</a></li></td>');
		}
		else
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="color-picker2.html" class="sub-menu-link">Named colors, Color Slider</a></td>');
		}
		
	document.write ('</tr>');
	
document.write ('</table>');
document.write ('</span>');
/* color picker menu ends here */

/* calculator menu starts here */
document.write ('<div class="main-menu"  onClick="SwitchMenu(\'sub-navigation5\')">Calculator</div>');
document.write ('<span class="sub-menu" id="sub-navigation5">');
document.write ('<table width="100%" border="0" cellpadding="0" cellspacing="0">');
	document.write ('<tr>');
		if(SubMenu == "Example 1")
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="calculator.html" class="sub-menu-link-active">Calculator Example</a></li></td>');
		}
		else
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="calculator.html" class="sub-menu-link">Calculator Example</a></td>');
		}
	document.write ('</tr>');
	document.write ('</table>');
document.write ('</span>');
/* calculator menu ends here */

/* date picker menu starts here */
document.write ('<div class="main-menu"  onClick="SwitchMenu(\'sub-navigation6\')">Date Picker (Calender)</div>');
document.write ('<span class="sub-menu" id="sub-navigation6">');
document.write ('<table width="100%" border="0" cellpadding="0" cellspacing="0">');
	document.write ('<tr>');
		if(SubMenu == "Example 1")
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="date-picker.html" class="sub-menu-link-active">Date Picker (Calender)</a></li></td>');
		}
		else
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="date-picker.html" class="sub-menu-link">Date Picker (Calender)</a></td>');
		}
	document.write ('<tr>');
		
document.write ('</table>');
document.write ('</span>');
/* date picker menu ends here */




/* drag and drop menu starts here */
document.write ('<div class="main-menu"  onClick="SwitchMenu(\'sub-navigation-dd\')">Drag & Drop</div>');
document.write ('<span class="sub-menu" id="sub-navigation-dd">');
document.write ('<table width="100%" border="0" cellpadding="0" cellspacing="0">');
	document.write ('<tr>');
		if(SubMenu == "Example 1")
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="drag-drop-menu.html" class="sub-menu-link-active">Drag & Drop</a></li></td>');
		}
		else
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="drag-drop-menu.html" class="sub-menu-link">Drag & Drop</a></td>');
		}
	document.write ('<tr>');
		
document.write ('</table>');
document.write ('</span>');
/* drag and drop menu starts here */




/* game menu starts here */
document.write ('<div class="main-menu"  onClick="SwitchMenu(\'sub-navigation7\')">Games</div>');
document.write ('<span class="sub-menu" id="sub-navigation7">');
document.write ('<table width="100%" border="0" cellpadding="0" cellspacing="0">');
	document.write ('<tr>');
		if(SubMenu == "Example 1")
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="game.html" class="sub-menu-link-active">JSTetris 1.1.0</a></li></td>');
		}
		else
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="game.html" class="sub-menu-link">JSTetris 1.1.0</a></td>');
		}
	document.write ('</tr>');
	document.write ('</table>');
document.write ('</span>');
/* game menu ends here */

/* gallery menu starts here */
document.write ('<div class="main-menu"  onClick="SwitchMenu(\'sub-navigation8\')">Gallery</div>');
document.write ('<span class="sub-menu" id="sub-navigation8">');
document.write ('<table width="100%" border="0" cellpadding="0" cellspacing="0">');
	document.write ('<tr>');
		if(SubMenu == "Example 1")
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="gallery.html" class="sub-menu-link-active">Horizontal </a></li></td>');
		}
		else
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="gallery.html" class="sub-menu-link">Horizontal </a></td>');
		}
	document.write ('</tr>');

		if(SubMenu == "Example 2")
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="gallery1.html" class="sub-menu-link-active">Horizontal Sliding gallery </a></td>');
		}
		else
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="gallery1.html" class="sub-menu-link">Horizontal Sliding gallery </a></td>');
		}
	document.write ('</tr>');
document.write ('</table>');
document.write ('</span>');
/* gallery menu ends here */

/* image menu starts here */
/*document.write ('<div class="main-menu"  onClick="SwitchMenu(\'sub-navigation9\')">Image Menu</div>');
document.write ('<span class="sub-menu" id="sub-navigation9">');
document.write ('<table width="100%" border="0" cellpadding="0" cellspacing="0">');
	document.write ('<tr>');
		if(SubMenu == "Example 1")
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="image-menu.html" class="sub-menu-link-active">Horizontal </a></li></td>');
		}
		else
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="image-menu.html" class="sub-menu-link">Horizontal </a></td>');
		}
	document.write ('</tr>');
	document.write ('</table>');
document.write ('</span>');*/
/* image menu ends here */

/* list expender menu starts here */
document.write ('<div class="main-menu"  onClick="SwitchMenu(\'sub-navigation10\')">List Expander</div>');
document.write ('<span class="sub-menu" id="sub-navigation10">');
document.write ('<table width="100%" border="0" cellpadding="0" cellspacing="0">');
	document.write ('<tr>');
		if(SubMenu == "Example 1")
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="list-expender.html" class="sub-menu-link-active">List Expander</a></li></td>');
		}
		else
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="list-expender.html" class="sub-menu-link">List Expander</a></td>');
		}
	document.write ('<tr>');
	if(SubMenu == "Example 2")
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="list-expender1.html" class="sub-menu-link-active">List Expander  tabs</a></li></td>');
		}
		else
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="list-expender1.html" class="sub-menu-link">List Expander tabs</a></td>');
		}
	document.write ('</tr>');
		
document.write ('</table>');
document.write ('</span>');
/* list expander menu ends here */

/* dropdown menu starts here */
document.write ('<div class="main-menu"  onClick="SwitchMenu(\'sub-navigation11\')">Dropdown Menu</div>');
document.write ('<span class="sub-menu" id="sub-navigation11">');
document.write ('<table width="100%" border="0" cellpadding="0" cellspacing="0">');
	document.write ('<tr>');
		if(SubMenu == "Example 1")
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="menu.html" class="sub-menu-link-active">Menu Example 1</a></li></td>');
		}
		else
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="menu.html" class="sub-menu-link">Menu Example 1</a></td>');
		}
	document.write ('</tr>');

		if(SubMenu == "Example 2")
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="menu1.html" class="sub-menu-link-active">Menu Example 2</a></li></td>');
		}
		else
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="menu1.html" class="sub-menu-link">Menu Example 2</a></td>');
		}
	document.write ('</tr>');

	if(SubMenu == "Example 3")
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="menu2.html" class="sub-menu-link-active">Menu Example 3</a></li></td>');
		}
		else
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="menu2.html" class="sub-menu-link">Menu Example 3</a></td>');
		}
	document.write ('<tr>');
		if(SubMenu == "Example 4")
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="menu3.html" class="sub-menu-link-active">Menu Example 4</a></li></td>');
		}
		else
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="menu3.html" class="sub-menu-link">Menu Example 4</a></td>');
		}
	document.write ('<tr>');
		
		
document.write ('</table>');
document.write ('</span>');
/* dropdown menu ends here */

/* mootolls menu starts here */
document.write ('<div class="main-menu"  onClick="SwitchMenu(\'sub-navigation12\')">MooTools</div>');
document.write ('<span class="sub-menu" id="sub-navigation12">');
document.write ('<table width="100%" border="0" cellpadding="0" cellspacing="0">');
	document.write ('<tr>');
		if(SubMenu == "Example1")
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="mootools.html" class="sub-menu-link-active">Dropdown</a></li></td>');
		}
		else
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="mootools.html" class="sub-menu-link">Dropdown</a></td>');
		}
	document.write ('<tr>');
		if(SubMenu == "Example2")
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="mootools1.html" class="sub-menu-link-active">Tabbed Accordian</a></li></td>');
		}
		else
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="mootools1.html" class="sub-menu-link">Tabbed Accordian</a></td>');
		}
	document.write ('</tr>');

		if(SubMenu == "Example3")
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="tabview.html" class="sub-menu-link-active">Tab view</a></li></td>');
		}
		else
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="tabview.html" class="sub-menu-link">Tab view</a></td>');
		}
	document.write ('</tr>');
	
	if(SubMenu == "Example4")
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="mootools2.html" class="sub-menu-link-active">Horizontal Accordian</a></li></td>');
		}
		else
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="mootools2.html" class="sub-menu-link">Horizontal Accordian</a></td>');
		}
	document.write ('</tr>');
	
	if(SubMenu == "Example5")
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="mootools3.html" class="sub-menu-link-active">Side Accordian</a></li></td>');
		}
		else
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="mootools3.html" class="sub-menu-link">Side Accordian</a></td>');
		}
	document.write ('</tr>');
	
document.write ('</table>');
document.write ('</span>');
/* mootolls menu ends here */

/* meta tag menu starts here */
document.write ('<div class="main-menu"  onClick="SwitchMenu(\'sub-navigation13\')">Meta tag</div>');
document.write ('<span class="sub-menu" id="sub-navigation13">');
document.write ('<table width="100%" border="0" cellpadding="0" cellspacing="0">');
	document.write ('<tr>');
		if(SubMenu == "Example 1")
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="metatag.html" class="sub-menu-link-active">Clear Cache Memory</a></li></td>');
		}
		else
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="metatag.html" class="sub-menu-link">Clear Cache Memory</a></td>');
		}
	document.write ('</tr>');
	if(SubMenu == "Example 2")
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="meta-scrollbar.html" class="sub-menu-link-active">MSThemeCompatible</a></li></td>');
		}
		else
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="meta-scrollbar.html" class="sub-menu-link">MSThemeCompatible</a></td>');
		}
	document.write ('<tr>');
document.write ('</table>');
document.write ('</span>');
/* meta tag menu ends here */

/* pop ups menu starts here */
document.write ('<div class="main-menu"  onClick="SwitchMenu(\'sub-navigation14\')">Pop Ups</div>');
document.write ('<span class="sub-menu" id="sub-navigation14">');
document.write ('<table width="100%" border="0" cellpadding="0" cellspacing="0">');
	document.write ('<tr>');
		if(SubMenu == "Example 1")
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="popups.html" class="sub-menu-link-active">Div Layer Popup</a></li></td>');
		}
		else
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="popups.html" class="sub-menu-link">Div Layer Popup</a></td>');
		}
	document.write ('</tr>');
	
document.write ('</table>');
document.write ('</span>');
/* pop ups menu ends here */

/* scrollbar menu starts here */
document.write ('<div class="main-menu"  onClick="SwitchMenu(\'sub-navigation15\')">Scrollbar</div>');
document.write ('<span class="sub-menu" id="sub-navigation15">');
document.write ('<table width="100%" border="0" cellpadding="0" cellspacing="0">');
	document.write ('<tr>');
		if(SubMenu == "Example1")
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="scrollbar.html" class="sub-menu-link-active">Vertical</a></li></td>');
		}
		else
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="scrollbar.html" class="sub-menu-link">Vertical</a></td>');
		}
	document.write ('</tr>');
			if(SubMenu == "Example2")
			{
				document.write ('<td class="sub-menu-bullet">&raquo; <a href="scrollbar1.html" class="sub-menu-link-active">Horizontal &amp; Vertical</a></li></td>');
			}
			else
			{
				document.write ('<td class="sub-menu-bullet">&raquo; <a href="scrollbar1.html" class="sub-menu-link">Horizontal &amp; Vertical</a></td>');
			}
	document.write ('</tr>');
	if(SubMenu == "Example3")
			{
				document.write ('<td class="sub-menu-bullet">&raquo; <a href="scrollbar2.html" class="sub-menu-link-active">Vertical- Scrollable with mouse</a></li></td>');
			}
			else
			{
				document.write ('<td class="sub-menu-bullet">&raquo; <a href="scrollbar2.html" class="sub-menu-link">Vertical- Scrollable with mouse</a></td>');
			}
	document.write ('</tr>');

	if(SubMenu == "Example4")
			{
				document.write ('<td class="sub-menu-bullet">&raquo; <a href="scrollbar3.html" class="sub-menu-link-active">Vertical- Scrollable on Click</a></li></td>');
			}
			else
			{
				document.write ('<td class="sub-menu-bullet">&raquo; <a href="scrollbar3.html" class="sub-menu-link">Vertical- Scrollable on Click</a></td>');
			}
	document.write ('</tr>');
document.write ('</table>');
document.write ('</span>');
/* scrollbar menu ends here */

/* seacrh menu starts here */
document.write ('<div class="main-menu"  onClick="SwitchMenu(\'sub-navigation16\')">Search</div>');
document.write ('<span class="sub-menu" id="sub-navigation16">');
document.write ('<table width="100%" border="0" cellpadding="0" cellspacing="0">');
	document.write ('<tr>');
		if(SubMenu == "Example 1")
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="search.html" class="sub-menu-link-active">By Java Script</a></li></td>');
		}
		else
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="search.html" class="sub-menu-link">By Java Script</a></td>');
		}
	document.write ('</tr>');
	
		if(SubMenu == "Example 2")
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="search1.html" class="sub-menu-link-active">By XML</a></td>');
		}
		else
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="search1.html" class="sub-menu-link">By XML</a></td>');
		}
	document.write ('</tr>');
document.write ('</table>');
document.write ('</span>');
/* seacrh menu ends here */

/* tooltip menu starts here */
document.write ('<div class="main-menu"  onClick="SwitchMenu(\'sub-navigation17\')">Tooltip</div>');
document.write ('<span class="sub-menu" id="sub-navigation17">');
document.write ('<table width="100%" border="0" cellpadding="0" cellspacing="0">');
	document.write ('<tr>');
		if(SubMenu == "Example 1")
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="tooltip.html" class="sub-menu-link-active">Simple Tooltip</a></li></td>');
		}
		else
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="tooltip.html" class="sub-menu-link">Simple Tooltip</a></td>');
		}
	document.write ('</tr>');
	if(SubMenu == "Example 2")
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="tooltip1.html" class="sub-menu-link-active">Ajax Tooltip</a></li></td>');
		}
		else
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="tooltip1.html" class="sub-menu-link">Ajax Tooltip</a></td>');
		}
	document.write ('<tr>');
	
document.write ('</table>');
document.write ('</span>');
/* tooltip menu ends here */

/* tab index menu starts here */
document.write ('<div class="main-menu"  onClick="SwitchMenu(\'sub-navigation18\')">Tab Index</div>');
document.write ('<span class="sub-menu" id="sub-navigation18">');
document.write ('<table width="100%" border="0" cellpadding="0" cellspacing="0">');
	document.write ('<tr>');
		if(SubMenu == "Example 1")
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="tab-index.html" class="sub-menu-link-active">Multi Color Tab Content</a></li></td>');
		}
		else
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="tab-index.html" class="sub-menu-link">Multi Color Tab Content</a></td>');
		}
	document.write ('</tr>');
       if(SubMenu == "Example 2")
               {
                       document.write ('<td class="sub-menu-bullet">&raquo; <a href="tab-index1.html" class="sub-menu-link-active">Tab Index AJAX</a></li></td>');
               }
               else
               {
                       document.write ('<td class="sub-menu-bullet">&raquo; <a href="tab-index1.html" class="sub-menu-link">Tab Index AJAX</a></td>');
               }

	document.write ('<tr>');
	document.write ('</table>');
document.write ('</span>');
/* tab index menu ends here */

/* tree menu starts here */
document.write ('<div class="main-menu"  onClick="SwitchMenu(\'sub-navigation19\')">Tree Menu</div>');
document.write ('<span class="sub-menu" id="sub-navigation19">');
document.write ('<table width="100%" border="0" cellpadding="0" cellspacing="0">');
	document.write ('<tr>');
		if(SubMenu == "Example 1")
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="tree-menu.html" class="sub-menu-link-active">Simple Tree Menu</a></li></td>');
		}
		else
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="tree-menu.html" class="sub-menu-link">Simple Tree Menu</a></td>');
		}
	document.write ('</tr>');

document.write ('</table>');
document.write ('</span>');
/* tree menu ends here */

/* random password generator starts here */
document.write ('<div class="main-menu"  onClick="SwitchMenu(\'sub-navigation20\')">Random Password Generator</div>');
document.write ('<span class="sub-menu" id="sub-navigation20">');
document.write ('<table width="100%" border="0" cellpadding="0" cellspacing="0">');
	document.write ('<tr>');
		if(SubMenu == "Example 1")
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="password-generator.html" class="sub-menu-link-active">Random Password Generator</a></li></td>');
		}
		else
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="password-generator.html" class="sub-menu-link">Random Password Generator</a></td>');
		}
	document.write ('</tr>');
		
document.write ('</table>');
document.write ('</span>');
/* random password generator ends here */


/* featured content slider starts here */
document.write ('<div class="main-menu"  onClick="SwitchMenu(\'sub-navigation21\')">Featured Content Slider</div>');
document.write ('<span class="sub-menu" id="sub-navigation21">');
document.write ('<table width="100%" border="0" cellpadding="0" cellspacing="0">');
	document.write ('<tr>');
		if(SubMenu == "Example 1")
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="featuredcontentslider.html" class="sub-menu-link-active">Featured Content Slider</a></li></td>');
		}
		else
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="featuredcontentslider.html" class="sub-menu-link">Featured Content Slider</a></td>');
		}
	document.write ('</tr>');
		
document.write ('</table>');
document.write ('</span>');
/* featured content slider ends here */

/* Super Table starts here */
document.write ('<div class="main-menu"  onClick="SwitchMenu(\'sub-navigation22\')">Super Table</div>');
document.write ('<span class="sub-menu" id="sub-navigation22">');
document.write ('<table width="100%" border="0" cellpadding="0" cellspacing="0">');
	document.write ('<tr>');
		if(SubMenu == "Example 1")
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="super-table.html" class="sub-menu-link-active">Super Table</a></li></td>');
		}
		else
		{
			document.write ('<td class="sub-menu-bullet">&raquo; <a href="super-table.html" class="sub-menu-link">Super Table</a></td>');
		}
	document.write ('</tr>');

document.write ('</table>');
document.write ('</span>');
/* Super Table ends here */
	
/*menu variable define starts here*/
if(MainMenu == "Bookmark Code")
{
	SwitchMenu("sub-navigation");
}
if(MainMenu == "Background effects")
{
	SwitchMenu("sub-navigation1");
}
if(MainMenu == "CSS star rating")
{
	SwitchMenu("sub-navigation2");
}
if(MainMenu == "Chain Dropdown")
{
	SwitchMenu("sub-navigation3");
}
if(MainMenu == "Color Picker")
{
	SwitchMenu("sub-navigation4");
}
if(MainMenu == "Calculator")
{
	SwitchMenu("sub-navigation5");
}
if(MainMenu == "Date Picker")
{
	SwitchMenu("sub-navigation6");
}
if(MainMenu == "Drag &amp; Drop")
{
	SwitchMenu("sub-navigation-dd");
}

if(MainMenu == "Game")
{
	SwitchMenu("sub-navigation7");
}
if(MainMenu == "Gallery")
{
	SwitchMenu("sub-navigation8");
}
if(MainMenu == "Image Menu")
{
	SwitchMenu("sub-navigation9");
}
if(MainMenu == "List Expender")
{
	SwitchMenu("sub-navigation10");
}
if(MainMenu == "Menu")
{
	SwitchMenu("sub-navigation11");
}
if(MainMenu == "MooTools")
{
	SwitchMenu("sub-navigation12");
}
if(MainMenu == "Meta tag")
{
	SwitchMenu("sub-navigation13");
}
if(MainMenu == "Pop Ups")
{
	SwitchMenu("sub-navigation14");
}
if(MainMenu == "Scrollbar")
{
	SwitchMenu("sub-navigation15");
}
if(MainMenu == "Seacrh")
{
	SwitchMenu("sub-navigation16");
}
if(MainMenu == "Tooltip")
{
	SwitchMenu("sub-navigation17");
}
if(MainMenu == "Tab Index")
{
	SwitchMenu("sub-navigation18");
}
if(MainMenu == "Tree Menu")
{
	SwitchMenu("sub-navigation19");
}
if(MainMenu == "Random Password Generator")
{
	SwitchMenu("sub-navigation20");
}
if(MainMenu == "Featured Content Slider")
{
	SwitchMenu("sub-navigation21");
}
if(MainMenu == "Super Table")
{
	SwitchMenu("sub-navigation22");
}
/*menu variable define ends here*/

