// jQuery DropDown menu implementation by Mike Greiling - Sept 25th, 2008

function menu_dropdown( id ) {

jQuery(document).ready( function($) {
	
	var mainmenu = $("#"+id+">ul");
	
	mainmenu.find("li>ul").parent().each(function(i) {
		
		$(this).children("a:first").addClass("haschildren");
		
		$(this).hover(
			function(e){
				$(this).css({zIndex: "100"}).children("a:first").addClass("hover");
				
				var menu     = $(this).children("ul:first");
				var topmenu  = $(this).parents("ul").length==1 ? true : false;
				var menuleft = topmenu ? 0 : this.offsetWidth;
				
				menu.css({top: (topmenu ? this.offsetHeight : 0) - parseInt(menu.css('paddingTop')) });
				
				if ( $(this).offset().left + menuleft + menu.outerWidth() > mainmenu.width() + mainmenu.offset().left )
				{
					// slide from right to left
					menu.css({
						left: (topmenu ? this.offsetWidth : 0) + parseInt(menu.css('paddingRight')),
						visibility: "visible",
						display: "none"
					}).animate({
						left: (topmenu ? this.offsetWidth : 0) - menu.outerWidth() + parseInt(menu.css('paddingRight')),
						height: "show",
						width: "show",
						opacity: "show"
					}, 250);
				}
				else
				{
					// slide from left to right
					menu.css({
						left: menuleft - parseInt(menu.css('paddingLeft')),
						visibility: "visible",
						display: "none"
					}).animate({
						height: "show",
						width: "show",
						opacity: "show"
					}, 250);
				}
			},
			
			function(e){
				$(this).children("a:first").removeClass("hover");
				$(this).css({zIndex: "90"}).children("ul:first").css({visibility: "hidden"});
			}
		);
	})
	
	mainmenu.find("ul").css({display:'none', visibility:'visible'})
})
}

/* EOF */