JavaScript


The default configuration

When you press the menu button, a request is sent to the address '/json.php'. The scripts are located in the root of the host.
			$(".main_menu").main_menu();

The custom configuration

images - the parameter is the path to the folder with images for menu items.
url - path to the script that returns json with parameters nazhatago subparagraph.
			$(".main_menu").main_menu({images:'/subfolder/images/',url:'/json.php'});
			

HTML


	<div id="menu">
		<div class="bg_texture">
			<div class="left_div">
				<ul class="main_menu">	
				
					
					<li id_menu="0">
						<div class="radius_block">
							<div class="shadow">
								<div class="menu_icon" src="images/img_modules.png">
									<div class="name_menu_element">
										Modules
									</div>
									<div class="description_name_element">
										Your modules
									</div>
								</div>
							</div>
						</div>
					</li>
					
					
					
					<li id_menu="1">
						<div class="radius_block">
							<div class="shadow">
								<div class="menu_icon" src="images/img_settings.png">
									<div class="name_menu_element">
										Settings
									</div>
									<div class="description_name_element">
										Global site settings
									</div>
								</div>
							</div>
						</div>
					</li>	
					
					
					
					<a href="http://google.com/">
						<li id_menu="2">
							<div class="radius_block">
								<div class="shadow">
									<div class="menu_icon" src="images/google.png">
										<div class="name_menu_element">
											Google
										</div>
										<div class="description_name_element">
											Yes
										</div>
									</div>
								</div>
							</div>
						</li>
					</a>
					
					
				</ul>
			</div>
			<div class="right_div">
				<div class="inner_shadow">
					<a href="#" target="blank"><img src="images/btn_on_site.png" hover="images/btn_on_site_h.png" no_hover="images/btn_on_site.png" id="btn_on_site" alt="" title="" /></a>
					<img src="images/separator.png" alt="" title="" />
					<a href="#">
					<img src="images/btn_logout.png" hover="images/btn_logout_h.png" no_hover="images/btn_logout.png"  id="btn_logout" alt="" title=""/></a>
				</div>
			</div>
		</div>
	</div>
	<div id="pointer_line">
	</div>
	<div id="sub_menu">
		<div class="bg_texture_sub">
			<div id="submenu_container">
			</div>
		</div>
	</div>