Facebook like box button callback

Shows an example of how to subscribed to a facebook like event. For both a like box as well as a like button

HTML

<div id="fb-root"></div>
<div class="box">
	<p>First a Like Box of a facebook page</p>
	<p class="info">edge.create is not called</p>
	<div class="fb-like-box" data-href="http://www.facebook.com/jsfiddle" data-width="292"
		data-show-faces="true" data-stream="false" data-header="true"></div>
</div>
<div class="box">
	<p>Like Button of a website</p>
	<p class="info">here you can see the edge.create fire</p>
	<div class="fb-like" data-href="http://jsfiddle.net" data-send="false" data-width="150"
		data-show-faces="true"></div>
</div>
<div class="box">
	<p>Like Button of a Facebook Page</p>
	<p class="info">here you can see the edge.create fire</p>
	<div id="lastFB" class="fb-like" data-href="http://www.facebook.com/jsfiddle" data-send="false"
		data-width="150" data-show-faces="true"></div>
</div>
<div style="clear: both;"></div>

CSS

p {margin: 10px;color:#336699;}
.box {float:left; border:1px solid #222; padding:5px; margin: 5px;}
.info {color:#778999;font-style:italic}

JavaScript

window.fbAsyncInit = function() {
    FB.init({
        appId: '328011467238834',
        status: true,
        cookie: true,
        xfbml: true,
        oauth: true
    });
    FB.Event.subscribe('edge.create', function(response) {
        $('html, body').animate({
                    scrollTop: $("#lastFB").offset().top + 170
                     }, 200);
    });
};
(function(d) {
    var js, id = 'facebook-jssdk';
    if (d.getElementById(id)) {
        return;
    }
    js = d.createElement('script');
    js.id = id;
    js.async = true;
    js.src = "//connect.facebook.net/en_US/all.js";
    d.getElementsByTagName('head')[0].appendChild(js);
}(document));