// COF Top Navigation Menu 
// Designed/Coded by Danny Cohen

  $(document).ready(function(){
    
   


    $(".sub_nav_wrapper, .sub_nav").hide();
 
     $("#nav_main_about").hover(
      function () {	
	  $(".main_nav li a").css({ backgroundColor:"white", height:"26px" });
	  $("#nav_main_about").css({ backgroundColor:"#eeeeee", height:"27px" });
	  $(".sub_nav_wrapper, .sub_nav").hide();
	  $(".sub_nav_wrapper, #nav_about").show();
      },
	 function () {
      } 
    );

     $("#nav_main_services").hover(
      function () {
	  $(".main_nav li a").css({ backgroundColor:"white", height:"26px" });
	  $("#nav_main_services").css({ backgroundColor:"#eeeeee", height:"27px" });
	  $(".sub_nav_wrapper, .sub_nav").hide();
	  $(".sub_nav_wrapper, #nav_services").show();
      },
	 function () {
      } 
    );
 
     $("#nav_main_advocacy").hover(
      function () {	
	  $(".main_nav li a").css({ backgroundColor:"white", height:"26px" });
	  $("#nav_main_advocacy").css({ backgroundColor:"#eeeeee", height:"27px" });
	  $(".sub_nav_wrapper, .sub_nav").hide();
	  $(".sub_nav_wrapper, #nav_advocacy").show();
      },
	 function () {
      } 
    );

  $("#nav_main_join").hover(
      function () {	
	  $(".main_nav li a").css({ backgroundColor:"white", height:"26px" });
	  $("#nav_main_join").css({ backgroundColor:"#eeeeee", height:"27px" });
	  $(".sub_nav_wrapper, .sub_nav").hide();
	  $(".sub_nav_wrapper, #nav_join").show();
      },
	 function () {
      } 
    );


  $("#nav_main_events").hover(
      function () {	
	  $(".main_nav li a").css({ backgroundColor:"white", height:"26px" });
	  $("#nav_main_events").css({ backgroundColor:"#eeeeee", height:"27px" });
	  $(".sub_nav_wrapper, .sub_nav").hide();
	  $(".sub_nav_wrapper, #nav_events").show();
      },
	 function () {
      } 
    );


  $("#nav_main_publications").hover(
      function () {	
	  $(".main_nav li a").css({ backgroundColor:"white", height:"26px" });
	  $("#nav_main_publications").css({ backgroundColor:"#eeeeee", height:"27px" });
	  $(".sub_nav_wrapper, .sub_nav").hide();
	  $(".sub_nav_wrapper, #nav_publications").show();
      },
	 function () {
      } 
    );



     $(".sub_nav_wrapper").hover(
      function () {
      }, 
      function () {
	  $(".sub_nav_wrapper").hide();
	  $(".main_nav li a").css({ backgroundColor:"white", height:"26px" });}
    );
 
 
 
      $("#nav_main_home").hover(
      function () {
		$("#nav_main_home").css({ backgroundColor:"#f5f5f5", height:"26px" });
      }, 
      function () {
	  $("#nav_main_home").css({ backgroundColor:"white", height:"26px" });}
    );






  });
