$(document).ready(function(){
    $('#fbspan').mouseover(function(){
        var A=$("#likeFacebook");
        var C=A.find("iframe:first");        
        if(A.hasClass("on")){A.css("width","290px").stop().animate({width:0},200,null,function(){A.removeClass("on")})}
        A.hover(function(){
           if(!A.hasClass("on")){
                A.css("width","30px").addClass("on").stop().animate({width:290},200,null);
                if(C.attr("src")==""){
                    C.attr("src","http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Frelakswdomu&width=292&connections=10&stream=true&header=false&height=550")
                }
           }
        });

    });
});

jQuery.fn.scrollite = function(left, margin, duration) {
	margin = parseInt(margin) || 0; duration = parseInt(duration) || 0;
	return this.each(function() {
		var target = jQuery(this).css({position: 'absolute', zIndex: 10000, top: 0});
		$(window).bind('load scroll resize', function() {
			//console.log((jQuery(window).height() + (window.scrollY || window.pageYOffset || document.documentElement.scrollTop) - target.height() - margin));
			target.animate({top: (jQuery(window).height() + (window.scrollY || window.pageYOffset || document.documentElement.scrollTop) - target.height() - margin - 200) + 'px'}, duration);
		});
	});
};

$(function() {
	$('#likeFacebook').scrollite(false, 0, 150);
});