jQuery(function($) {
	$(".md-menu > li > ul.sub-menu").each(function() {
	
		//Make sure we have at least one column. 
		
		var numcolumns = $(this).find("div.column").length;
		
		if(numcolumns == 0) {
			$(this).html("<div class='column'><ul class='sub-menu'><li class='menu-item'><ul class='sub-menu'>" + $(this).html() + "</ul></li></ul></div>");
			numcolumns = 1;
		}
	
		var onecolumnwidth = $(this).find("div.column").eq(0).width();
		
		$(this).css("width", ((onecolumnwidth + 25) * numcolumns) + "px");
		
		//Position it under the button.
		$parent = $(this).parent("li");
		
		var preferx = -($(this).width() / 2 - $parent.width() / 2);
		
		var globalx = $parent.offset().left + preferx;
		
		//console.log(globalx);
		
		var $content = $(this).parents(".content");
		var contentoffsetx = $content.offset().left;
		var contentoffsetxpluswidth = contentoffsetx +  $content.width();
		//console.log(contentoffsetxpluswidth);
		
		if(globalx < contentoffsetx) {
			//console.log("too far left!");
			var difference = contentoffsetx - globalx;
			preferx = preferx + difference;
		}
		
		else if(globalx + $(this).width() > contentoffsetxpluswidth) {
			//console.log("too far right!");
			var difference = globalx + $(this).width() - contentoffsetxpluswidth;
			preferx = preferx - difference;
		}
		
		$(this).css("left", preferx + "px");
		
	});
});