/* FUNCTIONS FOR THE MULTILEVEL MENU WITH CSS AND JAVASCRIPT */
/* Created by Mike Nichols - July 10, 2009 - Revised Oct 4, 2009 */

/* Link menu css in document head */
function slidemenu_head() {
?>
	<link rel="stylesheet" type="text/css" href="<?php bloginfo(template_directory)?>/custom/menu/jqueryslidemenu.css" />
	
	<!--[if lte IE 7]>
	<style type="text/css">
		html .jqueryslidemenu{height: 1%;} /Hack for IE7 and below*/
		</style>
	<![endif]-->
<?php
}
add_action('wp_head','slidemenu_head'); 

/* Link menu JavaScript and JQuery in footer */
function slidemenu_foot() {
?>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
	
	<script type="text/javascript" src="<?php bloginfo(template_directory)?>/custom/menu/jqueryslidemenu.js"></script>
<?php
}
add_action('thesis_hook_after_html','slidemenu_foot'); 

/* Describe menu items */
function slidemenu(){
?>
<div id="slidemenu_jq" class="slidemenu_class">
	<ul>
	
		<!-- First level menu item shows on main menu tab -->
		<!-- It is set up as your home tab -->
		<li><a href="<?php bloginfo('url');?>">Home</a></li>

		<!-- First level menu item with no dropdown -->
		<li><a href="#">TAB 2</a></li>

		<!-- First level menu item with one dropdown -->
		<li><a href="#">TAB 3 WITH 1 DROPDOWN</a>
			<!-- this is the dropdown -->
  			<ul>
  				<li><a href="#">DROPDOWN 1 ITEM 1</a></li>
  				<li><a href="#">DROPDOWN 1 ITEM 2</a></li>
  				<li><a href="#">DROPDOWN 1 ITEM 3</a></li>
  				<li><a href="#">DROPDOWN 1 ITEM 4</a></li>
 			</ul>
		</li>

		<!-- First level menu item with no dropdown -->
		<li><a href="#">TAB 4</a></li>

		<!-- First level menu item with three dropdowns -->
		<li><a href="#">TAB 5 WITH 3 DROPDOWNS</a>
  			<ul>
			<!-- this is the first level dropdown -->
  				<li><a href="#">DROPDOWN 1 ITEM 1</a></li>
  				<li><a href="#">DROPDOWN 1 ITEM 2</a>
				<!-- this is the second level dropdown -->
    				<ul>
    					<li><a href="#">DROPDOWN 2 ITEM 1</a></li>
    					<li><a href="#">DROPDOWN 2 ITEM 2</a></li>
    					<li><a href="#">DROPDOWN 2 ITEM 3</a>
							<!-- this is the third level dropdown -->
							<ul>
    							<li><a href="#">DROPDOWN 3 ITEM 1</a></li>
    							<li><a href="#">DROPDOWN 3 ITEM 2</a></li>
    							<li><a href="#">DROPDOWN 3 ITEM 3</a></li>
    							<li><a href="#">DROPDOWN 3 ITEM 4</a></li>
    							<li><a href="#">DROPDOWN 3 ITEM 5</a></li>
							</ul>
    					</li>
    					<li><a href="#">DROPDOWN 2 ITEM 4</a></li>
    				</ul>
  				</li>
  			</ul>
		</li>

		<!-- First level menu item with one dropdown -->
		<li><a href="#">TAB 6 WITH 1 SUBLEVEL</a>
			<!-- this is the dropdown -->
  			<ul>
  				<li><a href="#">SUBITEM 1</a></li>
  				<li><a href="#">SUBITEM 2</a></li>
 			</ul>
		</li>
	</ul>
	<br style="clear: left" />
</div>
<?php
}
remove_action('thesis_hook_before_header', 'thesis_nav_menu');
/* YOU MUST UNCOMMENT ONE OF THESE ADD_ACTION LINES! */
/* PLACE THE MENU BEFORE THE HEADER */
/*add_action('thesis_hook_before_header', 'slidemenu');*/
/* PLACE THE MENU AFTER THE HEADER */
/*add_action('thesis_hook_after_header', 'slidemenu');*/