jQuery(document).ready(function () {
  // find the div.fade elements and hook the hover event
  var fadeSpeed = 300;
  $('div.fade').hover(function() {
    // on hovering over, find the element we want to fade *up*
    var fade = $('> div', this);
    // if the element is currently being animated (to a fadeOut)...
    if (fade.is(':animated')) {
      // ...take it's current opacity back up to 1
      fade.stop().fadeTo(fadeSpeed, 1);
    } else {
      // fade in quickly
      fade.fadeIn(0);
    }
  }, function () {
    // on hovering out, fade the element out
    var fade = $('> div', this);
    if (fade.is(':animated')) {
      fade.stop().fadeTo(fadeSpeed, 0);
    } else {
      // fade away slowly
      fade.fadeOut(0);
    }
  });
  
  $("a.textlink").hover(function() {
  	var fader = $(this);
  	if(fader.is(':animated')){
  		fader.stop().fadeTo(250, .5);
  	}
  	else {
  		fader.fadeTo(fadeSpeed, .5);
  	}
  }, function () {
  	var fader = $(this);
	if(fader.is(':animated')){
  		fader.stop().fadeTo(250, 1);
  	}
  	else {
  		fader.fadeTo(fadeSpeed, 1);
  	}
  }); 
});