jQuery(function($) {
    $('#soc_3_1').mouseover(function(){
        $(this).stop().animate({
            backgroundColor: "#065baa"
        }, 500, function() {
            // Animation complete.
        });
    });
    $('#soc_3_1').mouseout(function(){
        $(this).stop().animate({
            backgroundColor: "#bcbcbc"
        }, 1600, function() {
            // Animation complete.
        });
    });
    $('#soc_3_2').mouseover(function(){
        $(this).stop().animate({
            backgroundColor: "#354f89"
        }, 500, function() {
            // Animation complete.
        });
    });
    $('#soc_3_2').mouseout(function(){
        $(this).stop().animate({
            backgroundColor: "#bcbcbc"
        }, 1600, function() {
            // Animation complete.
        });
    });
    $('#soc_3_3').mouseover(function(){
        $(this).stop().animate({
            backgroundColor: "#6398c9"
        }, 500, function() {
            // Animation complete.
        });
    });
    $('#soc_3_3').mouseout(function(){
        $(this).stop().animate({
            backgroundColor: "#bcbcbc"
        }, 1600, function() {
            // Animation complete.
        });
    });

    $('.graph').hover(function(){
        $('.anim').addClass('anim_heart');
    },
        function(){
         $('.anim').removeClass('anim_heart');
        });

    $('.text').hover(function(){
            $('.anim').addClass('anim_heart');
        },
        function(){
            $('.anim').removeClass('anim_heart');
        });

        $('.skills').hover(function(){
            $('.anim_2').addClass('anim_cogwheel');
        },
        function(){
            $('.anim_2').removeClass('anim_cogwheel');
        });

        $('.book').hover(function(){
                $('.anim_3').addClass('anim_books');
            },
            function(){
                $('.anim_3').removeClass('anim_books');
            });

        $('.film').hover(function(){
                $('.anim_4').addClass('anim_films');
            },
            function(){
                $('.anim_4').removeClass('anim_films');
            });

    $('.jokes').hover(function(){
            $('.anim_5').addClass('anim_jokes');
        },
        function(){
            $('.anim_5').removeClass('anim_jokes');
        });

});
