diff --git a/frontend/views/site/teamitem.php b/frontend/views/site/teamitem.php
index e175d3b..57866d0 100644
--- a/frontend/views/site/teamitem.php
+++ b/frontend/views/site/teamitem.php
@@ -66,6 +66,7 @@ jQuery(function($) {
 $this->registerJsFile('/js/teamitem/jquery.rating-2.0.min.js');
 $this->registerJsFile('/js/teamitem/rating.js');
 $this->registerJsFile('/js/teamitem/highcharts.js');
+$this->registerJsFile('/js/teamitem/script.js');
 ?>
 
 <div class="middle">
diff --git a/frontend/web/js/teamitem/script.js b/frontend/web/js/teamitem/script.js
new file mode 100644
index 0000000..7fa9eb5
--- /dev/null
+++ b/frontend/web/js/teamitem/script.js
@@ -0,0 +1,87 @@
+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');
+        });
+
+});
--
libgit2 0.21.4