jQuery('document').ready(function() {
  var campus_menu = jQuery('#campuses_menu');
  campus_menu.removeClass('campuses_menu');
  var campus_menu_height = jQuery('#campuses_menu').height();
  var campus_button = jQuery('#campuses_button');
  campus_button.removeClass('campuses_button');
  campus_menu.css({
    'height': 0,
    'display': 'none',
    'opacity': 0,
    'top': 4
  });
  jQuery('#campuses')
    .mouseenter(function() {
	  campus_menu.stop(1,1).css({
        'display': 'block'
      }).animate({
        'opacity': 0.95,
        'height': campus_menu_height,
        'top': -campus_menu_height+4
      }, 400);
	  campus_button.css({
	    'background-position': '0px 23px'
	  });
	})
	.mouseleave(function() {
	  campus_menu.stop(1,1).animate({
        'opacity': 0,
        'height': 0,
    	'top': 4
      }, 400, 'linear', function() {
        jQuery(this).css({
          'display': 'none'
        });
      });
	  campus_button.css({
	    'background-position': '0px 0px'
	  });
	});
});