$(document).ready( function() {
  
  //hover on menu
  $('#menu img').hover(function() {
  	var str = $(this).attr( 'src' ).replace( /\.(png|jpg|gif)$/gi, 'active.$1' );
  	$(this).attr( 'src', str );
  }, function() {
  	var str = $(this).attr( 'src' ).replace( /active/gi, '' );
    $(this).attr( 'src', str );
  });  
  

  //hover on social media shortcuts
  $('#social_shortcuts img').hover(function() {
  	var str = $(this).attr( 'src' ).replace( /\.(png|jpg|gif)$/gi, '_hover.$1' );
  	$(this).attr( 'src', str );
  }, function() {
  	var str = $(this).attr( 'src' ).replace( /_hover/gi, '' );
    $(this).attr( 'src', str );
  });

});