$(document).ready(function(){

    //MENU NAVIGATION

  var current_width = $(".menu_item_underline").css("width");
  var current_margin = $(".menu_item_underline").css("margin-left");
  var current_color = $(".menu_item_underline").css("background-color");

 $(".icon_profile").hover(
    function() {
    $(".menu_item_underline").stop(true).animate({'width': 47,'margin-left': 18,'background-color': "#ffcc00"}, 500);     
    },
    function() {
    $(".menu_item_underline").animate({'width': current_width,'margin-left': current_margin,'background-color': current_color}, 500);
    });



    $(".icon_work").hover(
    function() {
    $(".menu_item_underline").stop(true).animate({'width': 35,'margin-left': 84,'background-color': "#cccccc"}, 500); 
    },
    function() {
    $(".menu_item_underline").animate({'width': current_width,'margin-left': current_margin,'background-color': current_color}, 500);
    });



    $(".icon_contact").hover(
    function() {
    $(".menu_item_underline").stop(true).animate({'width': 54,'margin-left': 136,'background-color': "red"}, 500); 
    },
    function() {
    $(".menu_item_underline").animate({'width': current_width,'margin-left': current_margin,'background-color': current_color}, 500);
    });



    $(".icon_wall").hover(
    function() {
    $(".menu_item_underline").stop(true).animate({'width': 32,'margin-left': 207,'background-color': "#1DB7CB"}, 500); 
    },
    function() {
    $(".menu_item_underline").animate({'width': current_width,'margin-left': current_margin,'background-color': current_color}, 500);
    });


    //FOOTER ICONS
    $(".icon_white").hover(
    function() { $(this).animate({'color': "ffcc00"}, 200); },
    function() { $(this).animate({'color': "#666666"}, 200); }
    );
    
    $(".icon_yellow").hover(
    function() { $(this).animate({'color': "#ffcc00"}, 200); },
    function() { $(this).animate({'color': "#666666"}, 200); }
    );
    
    $(".icon_red").hover(
    function() { $(this).animate({'color': "red"}, 200); },
    function() { $(this).animate({'color': "#666666"}, 200); }
    );
    
    $(".icon_blue").hover(
    function() { $(this).animate({'color': "#1DB7CB"}, 200); },
    function() { $(this).animate({'color': "#666666"}, 200); }
    );
    
 });