function navigationArrow(path){
 
  $("#nav ul li ul").addClass("push"); // This is line 3
//change li.drop to li.enhanced
  $("#nav ul li.drop").addClass("enhanced");
  $("#nav ul li.drop").removeClass("drop");
//add arrow icon after text
  $("#nav ul li.enhanced span").after(' <img src="' + path + '" />');
//give arrow class rest
  $("#nav ul li.enhanced img").wrap('<a class="arrow rest"></a>');

//Used to make the menus open by hovering over the arrow
  $("#nav ul li a.arrow").hover(function(){
	//close any other open submenu ul
 	$("#nav ul li a.open").removeClass("open").addClass("rest");
    $("#nav ul li ul").hide();
	//change appearance of arrow to open (blue) when hovered
    $(this).removeClass("rest").addClass("open");
	//open submenu ul
    $(this).parent().find("ul").fadeIn();
  }, function(){
	//change appearance of arrow back to rest (white) when mouseout
    $(this).removeClass("open").addClass("rest");
//	setTimeout("$(this).parent().find("ul").hide()",2000)
  });

/* Used to make the menus open by clicking on arrow
  $("#nav ul li a.arrow").click(function(){
    if ($(this).hasClass("hover") == true) {
      $("#nav ul li a.open").removeClass("open").addClass("rest");
      $("#nav ul li ul").hide();
      $(this).removeClass("hover").addClass("open");
      $(this).parent().find("ul").fadeIn();
    } else {
      if ($(this).hasClass("open") == true) {
        $(this).removeClass("open").addClass("hover");
        $(this).parent().find("ul").hide();
      }
    }
  });
*/
  //on clicking anywhere in document
  $(document).click(function(event){
    var target = $(event.target);
    if (target.parents("#nav").length == 0) {
	//change appearance of any open arrows from open to rest
      $("#nav ul li a.arrow").removeClass("open").addClass("rest");
	//close any open submenu ul
      $("#nav ul li ul").hide();
    }
	});

}