$(document).ready(function(){
	var soc = false;
	var top = false;
	var postOffset = $(".soc_block").offset();
	var height = false;
	var n = false;
	
    $(".soc_block").hover(
		function() {
			$("#vkwidget1").height("302px");
			soc = $(this).attr("id");
			$(this).find("#"+soc+"_groups").stop(true,true);
			height = parseInt($(window).scrollTop())+300;
			if(postOffset.top < height){
				if(soc != "lj") $(this).find('.img').removeClass("bot").addClass("top");
				$(this).find("#"+soc+"_groups").css("margin-top",20).animate({opacity: "show", "margin-top": 0-n}, "fast");
			}else{
				if(soc == "vk") top = -362; else if(soc == "fb") top = -318; else if(soc == "tv") top = -342;
				if(soc != "lj") $(this).find('.img').removeClass("top").addClass("bot");
				$(this).find("#"+soc+"_groups").css("margin-top",top).animate({opacity: "show", "margin-top": top+20}, "fast"); 
			}
		}, function() {
			soc = $(this).attr("id");
			$(this).find("#"+soc+"_groups").stop(true,true);
			$(this).find('.img').removeClass("top").removeClass("bot");
			height = parseInt($(window).scrollTop())+300;
			if(postOffset.top < height){
				$(this).find("#"+soc+"_groups").animate({opacity: "hide", "margin-top": 20}, "fast");
			}else{
				if(soc == "vk") top = -362; else if(soc == "fb") top = -318; else if(soc == "tv") top = -342;
				$(this).find("#"+soc+"_groups").animate({opacity: "hide", "margin-top": top}, "fast");
			}
		}
	)
	
});