function initMenu() {
// ########### SECOND LEVEL CODE ############# ///* */
$('#menu li li a').click(
function() {
var checkElement = $(this).next(); //element after this
	
if((checkElement.is('ul li ul:visible'))) { // 2nd level link - then element after, is it UL is it visible?
//console.log ("2nd level visible");
				$('#menu ul li ul:visible').slideUp('normal');
				//$("li li a").removeClass("ul-isOpen");
				$(this).removeClass("ul-isOpen");
			    $(this).addClass("ul-isClosed"); // restore default css
				return false;
			}
		
if((checkElement.is('ul li ul:hidden'))) { // 2nd level link - then element after, is it UL is it visible?
//console.log ("2nd level hidden ");
				 $('#menu ul li ul:visible').slideUp('normal'); // - slide up any sub UL that is visible 	 
				 $("li li a").removeClass("ul-isOpen");// clear ALL previously opened
				 //$(this).removeClass("ul-isClosed");
				 $(this).addClass("ul-isOpen"); // restore default css	    
				checkElement.slideDown('normal'); // // - slide down any sub UL that is hidden directly below				 
				return false;
			}
 });
// ########### END SECOND LEVEL CODE ############# //

// ########### TOP LEVEL CODE ############# //

$('#menu  li a:not(#menu li li a)').click(
function() {
var checkElement = $(this).next();
var parent = this.parentNode.parentNode.elements;

if((checkElement.is('ul:visible'))) {
//console.log ("1st level visible");
				$(checkElement).slideUp('normal'); // toggle off 
				$(this).removeClass("ul-isOpen");
			    $(this).addClass("ul-isClosed"); // restore default css
				return false;
			}
if((checkElement.is('ul:hidden'))) {
//console.log ("1st level hidden");
				$(checkElement).slideDown('normal'); // - slide down hidden UL that is  directly below
				$(this).removeClass("ul-isClosed");
				$(this).addClass("ul-isOpen"); 
				return false;
			}
 });	
// ########### END TOP LEVEL CODE ############# //
// #############
}//end init menu
//############## 
function suffix(){
	var checkElement = $('#menu li a').next(); // element after all "li links"	
	var parent = $(checkElement).prev(); // step up
	if( (checkElement.is('ul:hidden')) ) { // find all UL's that are visible
	$(parent).append("<img class='navarrow' src='pics/nav-arrow.gif'>"); 
	}
}
function initClasses() {
$("ul.menu ul ul,ul.menu ul").hide(); //on load hide sub menus
//$("ul li a:first").css("border-top", "none"); //remove first item top border
//$("ul:hidden").prev("a").addClass("ul-isClosed"); // on load add 'open' class to ALL parent links of hidden UL's
}
 $(document).ready(function(){					
	$(function() {initMenu();    });
	$(function() {initClasses(); });
	$(function() {suffix(); });
	$("li a#1").next("ul").show(); //on load open top level item 'x' 
	$("li ul li a#undefined").next("ul").show(); //on load open sub level item 'x
});


