diff --git a/frontend/views/layouts/main.php b/frontend/views/layouts/main.php
index c95dc0f..c314808 100644
--- a/frontend/views/layouts/main.php
+++ b/frontend/views/layouts/main.php
@@ -24,7 +24,85 @@ AppAsset::register($this);
 	<title><?= Html::encode($this->title) ?></title>
 	<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
 	<?php $this->head() ?>
-
+	<script type="text/javascript">
+		$(document).ready(function(){
+
+			$('.fb').css('background-color','#354f89');
+			$('.gp, .vk , .tw, .ok ').css('background-color','#bcbcbc');
+			$('#ok_group_widget').stop(false, true).fadeOut(0);
+			$('#vk_2').stop(false, true).fadeOut(0);
+			$('#twitter').stop(false, true).fadeOut(0);
+			$('#google_plus').stop(false, true).fadeOut(0);
+			$('.fb-page').stop(false, true).height(320).fadeIn(0);
+			$('.fb_iframe_widget ').height(320);
+		});
+
+		$('.gp').click(function(e) {
+			e.preventDefault();
+			$('.gp').css('background-color','#c72f21');
+			$('.tw, .vk, .fb, .ok').css('background-color','#bcbcbc');
+
+			$('#google_plus').stop(false, true).fadeIn(0);
+			$('#twitter').stop(false, true).fadeOut(0);
+			$('.fb-page').stop(false, true).fadeOut(0);
+			$('#ok_group_widget').stop(false, true).fadeOut(0);
+			$('#vk_2').stop(false, true).fadeOut(0);
+		});
+
+
+
+		$('.tw').click(function(e) {
+			e.preventDefault();
+
+			$('.tw').css('background-color','#6398c9');
+			$('.gp, .vk , .fb, .ok ').css('background-color','#bcbcbc');
+			$('#google_plus').stop(false, true).fadeOut(0);
+			$('#twitter').stop(false, true).fadeIn(0);
+			$('.fb-page').stop(false, true).fadeOut(0);
+			$('#ok_group_widget').stop(false, true).fadeOut(0);
+			$('#vk_2').stop(false, true).fadeOut(0);
+		});
+
+
+
+		$('.vk').click(function(e) {
+			e.preventDefault();
+			$('.vk').css('background-color','#065baa');
+			$('.gp, .tw , .fb, .ok ').css('background-color','#bcbcbc');
+			$('#google_plus').stop(false, true).fadeOut(0);
+
+			$('#vk_2').stop(false, true).fadeIn(0);
+			$('#vkwidget1 , #vk_2 ').height(278);
+			// $('#vk_2').height(278);
+			$('.fb-page').stop(false, true).fadeOut(0);
+			$('#twitter').stop(false, true).fadeOut(0);
+			$('#ok_group_widget').stop(false, true).fadeOut(0);
+		});
+
+
+		$('.ok').click(function(e) {
+			e.preventDefault();
+			$('.ok').css('background-color','#f88f15');
+			$('.gp, .vk , .tw, .fb ').css('background-color','#bcbcbc');
+			$('#google_plus').stop(false, true).fadeOut(0);
+			$('#vk_2').stop(false, true).fadeOut(0);
+			$('.fb-page').stop(false, true).fadeOut(0);
+			$('#ok_group_widget').stop(false, true).fadeIn(0);
+			$('#twitter').stop(false, true).fadeOut(0);
+		});
+
+		$('.fb').click(function(e) {
+			e.preventDefault();
+			$('.fb').css('background-color','#354f89');
+			$('.gp, .vk , .tw, .ok ').css('background-color','#bcbcbc');
+			$('#google_plus').stop(false, true).fadeOut(0);
+			$('#vk_2').stop(false, true).fadeOut(0);
+			$('#twitter').stop(false, true).fadeOut(0);
+			$('#ok_group_widget').stop(false, true).fadeOut(0);
+			$('.fb-page').stop(false, true).fadeIn(0);
+		});
+
+	</script>
 </head>
 <body>
 <?php $this->beginBody() ?>
--
libgit2 0.21.4