$(document).ready(function() {
	
	// make the effect on the education choice
	$(".edu").mouseenter(function(){
	  $(".edu").css("width", "187px").css("z-index", "100");
	  $(this).css("width", "248px").css("z-index", "400");
	  $(this).find(".arrow").fadeIn();
	  $(this).find(".readMore").fadeIn();
	});
	
	$(".edu").mouseleave(function(){
	  $(".edu").css("width", "187px");
	  $(this).find(".arrow").hide();
	  $(this).find(".readMore").hide();
	});
	
	//make all other elements fade in the menu
	$('.navi').hover(function(){ 
       var $this = $(this);

    $('.navi').not($this).stop(true, true).fadeTo("fast", 0.6);}, 
       function() { 
           var $this = $(this);
           $('.navi').not($this).stop(true, true).fadeTo("fast", 1);
    });
	
	//make the border disappear on last element
	 $(function(){
	    $(".extramenu ul li:last-child").css("border-right","none");
	 });
	
	//give active menu item a background color
	$("#subMenu").find(".activeitem").parent("li").css("background", "#F1F4F9");
	
 
});