$(document).ready(function() {
  $('.social img').bind('mouseover', function() {
    var $this = $(this);
    var rel = $this.attr('rel');
    
    $(this).animate({
      top: '-20px'
    }, 150);
    
    switch (rel) {
      case 'Facebook':
        $('.networkName').html('Facebook');
        break
      case 'Twitter':
        $('.networkName').html('Twitter');
        break
      case 'Foursquare':
        $('.networkName').html('Foursquare');
        break
      case 'Soundcloud':
        $('.networkName').html('Soundcloud');
        break
      case 'Youtube':
        $('.networkName').html('Youtube');
        break
      case 'LinkedIn':
        $('.networkName').html('LinkedIn');
        break
    }
    
    $('.networkName').clearQueue().fadeTo('fast', '0.8');
    
  });
  
  $('.social img').bind('mouseout', function() {
    $(this).animate({
      top: '-16px'
    }, 150);
    
    $('.networkName').clearQueue().fadeTo('fast', '0');
    
  });
});