$.fn.menuBars = function(menuid,page_name) {

$pageNames = page_name.split("?");
$subPage = $pageNames[1];
	//console.log($pageNames[0]);
	return this.each(function(){
		
		var	$mainmenu=$("#"+menuid+">ul"),
			$headers=$mainmenu.find("ul").parent(),
			$theLinks=$mainmenu.find(">li"),
			$pageName="orange",
			$pages = new Array();
			$pages["about-us"] = "about-us";
			$pages["orange-strategy"] = "about-us";
			$pages["orange-team"] = "about-us";
			$pages["orange-history"] = "about-us";
			$pages["statement-of-faith"] = "about-us";
			$pages["faq"] = "faq";
			$pages["contact"] = "contact";
		
		var $currentul=$mainmenu.find("ul#"+$pages[$pageNames[0]])	
		var $currentlink = $currentul.find("."+$pageNames[0])
			if ($pageNames[0] == "faq" && $subPage != "")
			{
				$currentlink = $currentul.find("a."+$subPage);
			}
			$mainLink=$currentul.parents('li').find('>a');
			
			$currentul.removeClass("hidden");
			$currentlink.addClass("rollOver");
			$mainLink.addClass("rollOver");
		
		$theLinks.find('>a').hover(
			function (){ 
				//console.log($(this).attr("class"));
	   			//$mainLink.removeClass("rollOver");
			},
			function (){ 
				//$mainLink.addClass("rollOver");
			}
		);
		
		$headers.each(function(i){
			
			var $curobj=$(this)
			var $subul=$(this).find('ul:eq(0)')
			
			this._dimensions={h:$curobj.find('a:eq(0)').outerHeight()}
			this.istopheader=$curobj.parents("ul").length==1? true : false
			if (!this.istopheader)
				$subul.css({left: 0, top:this._dimensions.h})
				
			var $innerheader=$curobj.children('a').eq(0)
				$innerheader=($innerheader.children().eq(0).is('span'))? $innerheader.children().eq(0) : $innerheader //if header contains inner SPAN, use that
			
			$curobj.hover(
				function(e){
					var $targetul=$(this).children("ul:eq(0)");
						//console.log($currentul.attr("id"))
					if ($targetul.queue().length<=1) //if 1 or less queued animations
						if (this.istopheader)
							$targetul.css({left: 0+'px', top: 20+'px'})
						if (document.all && !window.XMLHttpRequest) //detect IE6 or less, fix issue with overflow
							$mainmenu.find('ul').css({overflow: (this.istopheader)? 'hidden' : 'visible'})
						$currentul.addClass("hidden");
						$targetul.removeClass("hidden");
						//console.log($targetul.attr("id"));
						if ($targetul.attr("id") != $mainLink.attr("id"))
						{
							$mainLink.removeClass("rollOver");
							$targetul.parents('li').find('>a').addClass("rollOver");
						}
				},
				function(e){
					var $targetul=$(this).children("ul:eq(0)")
						if ($targetul.attr("id") != $mainLink.attr("id"))
						{
							$targetul.parents('li').find('>a').removeClass("rollOver");
							$mainLink.addClass("rollOver");
						}
						$targetul.addClass("hidden");
						$currentul.removeClass("hidden");
						//console.log($targetul.attr("id"));
				}
			) //end hover
			
			$curobj.find('li a').hover(
				function (){ 
		   			$currentlink.removeClass("rollOver");
				},
				function (){ 
					$currentlink.addClass("rollOver");
				}
			);
		}) //end $headers.each()
		
		$mainmenu.find("ul").css({visibility:'visible', width:$mainmenu.width()})
		
	});
}