$(document).ready( function() {
 
  $("li.top a").focus(function() {
	// alert($(this).text());
	$(this).css("backgroundColor","#000066");
	$(this).css("color","white");
    $(this).parent().children("ul").css("visibility","visible");
    $(this).parent().children("ul").css("display","block");
    // $(this).parent().children("ul").children("li").children("ul").css("display","block");
	// if ($(this).text() == 'Home' || $(this).text() == 'Contact' || $(this).text() == 'Events' || $(this).text() == 'For Employees') {
	  //$("li.top ul").css("visibility","hidden");	
	// }
	if ($(this).text() == 'Research' ) {
	  $("li.top:contains('People') ul").css("visibility","hidden");	
	  $("li.top:contains('Research') ul li ul").css("visibility","hidden");	
	}
	if ($(this).text() == 'Press' ) {
	  $("li.top:contains('People') ul").css("visibility","hidden");	
	  $("li.top:contains('Research') ul").css("visibility","hidden");	
	}
	// slight trick; there's a li in people which contains 'Research', so we put something we know explicity belongs to research 
	if ($(this).text() == 'People' ) {
	  $("li.top:contains('Current Research') ul").css("visibility","hidden");	
	}
	if ($(this).text() == 'Boards & Committees' ) {
	  $("li.top li:contains('UCLA') ul").css("visibility","hidden");	
	}
	if ($(this).text() == 'UCLA' ) {
	  $("li.top li:contains('Boards & Committees') ul").css("visibility","hidden");	
	}
	if ($(this).text() == 'Director' || $(this).text() == 'JPL') {
	  $("li.top li:contains('Boards & Committees') ul").css("visibility","hidden");	
	  $("li.top li:contains('UCLA') ul").css("visibility","hidden");	
	}
	if ($(this).text() == 'Current Research' || $(this).text() == 'Publications and Presentations') {
	  $("li.top li:contains('Funded Research Projects') ul").css("visibility","hidden");	
	}
	if ($(this).text() == 'Contact' || $(this).text() == 'Events' || $(this).text() == 'For Employees') {
	  $("li.top li:contains('Funded Research Projects') ul").css("visibility","hidden");	
	  $("li.top:contains('People') ul").css("visibility","hidden");	
	  $("li.top:contains('Research') ul").css("visibility","hidden");	
	  $("li.top:contains('Press') ul").css("visibility","hidden");	
	}

  });
  
  $("li.top a").blur(function() {
	// alert($(this).text());
	$(this).css("backgroundColor","white");
	$(this).css("color","#222222");
  });
  
  $("li.top a").hover(function() {
	// alert($(this).text());
	$(this).css("backgroundColor","#000066");
	$(this).css("color","white");  
  }, function () {
	$(this).css("backgroundColor","white");
	$(this).css("color","#222222");	  
  });

  $("li.top ul").css("visibility","hidden");
  
  $("#myslidemenu li").hover(function() {
    // mouseover
	$(this).children("ul").css("visibility","visible");
  },
  function() {
	$(this).children("ul").css("visibility","hidden");
  } );
  
  // background arrows
  $("li.top:has(ul) > a").css("backgroundImage","url(/images/SpryMenuBarDown.gif)");
  $("li.middle:has(ul) > a").css("backgroundImage","url(/images/SpryMenuBarRight.gif)");  
  
  // adjust width of for employees
  $("li.top:contains('For Employees')").css("width",'14.7%');
  $("li.top:contains('For Employees') a").css("width",'99%');
  $("li.top:contains('For Employees') a").css("borderRight","none");
  
  
});