//Dropdown menu
//Author: Marcel Stegmann
//Tested in: IE6+, Firefox 3, Safari 4
//Usage:
//js:
//$(function() { $("ul#navigation").dropdown(); });
//
//html:
//<ul id="navigation">
//<li>
//	   <a href="#">About us</a>
//	   <ul class="dropdown">
//    <li>..</li>
//		 ...
//  </ul>
//</li>
//...
//</ul>
jQuery.fn.extend({
	dropdown: function(set) {
		set = jQuery.extend({
			duration: 200,
			activeClass: "active",
			inactiveClass: "inactive",
			dropdownClass: "level_2"
		}, set);

		var highlighted_nav = $(this).find("li."+set["activeClass"])[0];
		 $(this).find("li ul."+set["dropdownClass"]).css({ display: "none", position: "absolute", zIndex: 99999 });
		 $(this).find("li:has(ul."+set["dropdownClass"]+")").hover(function() {
			 	$(this).addClass(set["activeClass"]).removeClass(set["inactiveClass"]);
				$(this).children("ul."+set["dropdownClass"]+":not(:animated)").css({
					top: $(this).children("a").position()["top"] + $(this).children("a").height(),
					left: $(this).children("a").position()["left"]
				}).fadeIn(set["duration"]);
			}, function() {
				$(this).children("ul."+set["dropdownClass"]).fadeOut(set["duration"], function() {
					if($(this).parent()[0] != highlighted_nav)
						$(this).parent().removeClass(set["activeClass"]).addClass(set["inactiveClass"]);
				});
			});

		return this;
	}
});