********************************************
********************************************
Created by DesignerX
DropDownMenu 1
********************************************
********************************************

How to use:
1- add the CSS files to the Css folder in your template
2- add the js(javascript) to the javascript folder in your template
3- add Menu_DropDown.ss files in the includes folder in your Theme >> Theme/templates/Includes
4- add this line in the page.ss file where you want the menu to be. (Theme/templates/page.ss )

Add this in the header :

<!-- Below are Dropdown Scripts -->
		<!-- this holds the Styling -->
		<% require themedCSS(DropDownMenu-style) %>
		<!-- this holds the Drop Functions -->
		<% require themedCSS(DropDownMenu-dropdown) %>
		<% require javascript(themes/bone/javascript/DropDownMenu-jquery.dropdown.js) %>
		<% require javascript(themes/bone/javascript/DropDownMenu-jquery.js) %>


add this where you want the menu:
<% include Menu_DropDown %>

5- You only need to edite DropDownMenu-style.css  file to change the look of the menu. 
If you like; you can go more advanced & edite other files (if you know what you doing)

-------------------
Other options:
- the default layout is Horizontal But it can be changed easily!!
add "ver" to the top <div> in DropDownMenu.ss file so it looks like this: 
<div class="nav"> 
change to >> 
<div class=" nav ver">
!! Make sure the "ver" is after the "nav" class


-------------------
To Do List:
- make different layouts & different functions
- Separate Function & style a bit further
..........................
This DropMenu is a 100% working cross browser script, i made it quickly so SOON will be uploading a more advanced one, for now, leave a comment & tell me how it worked for you :)