From ae03cd9373289e3baf3612e6c6c8107c7dac2d1d Mon Sep 17 00:00:00 2001
From: Sanj <b@pad.ma>
Date: Mon, 24 Oct 2011 01:37:50 +0100
Subject: [PATCH] ugly facebook button

---
 itf/static/js/insidepage.js        |  3 +++
 itf/templates/noel/insidepage.html | 12 +++++++++++-
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/itf/static/js/insidepage.js b/itf/static/js/insidepage.js
index 7319ca4..3f55ba2 100755
--- a/itf/static/js/insidepage.js
+++ b/itf/static/js/insidepage.js
@@ -18,6 +18,9 @@ $('#listLeft ul li a').live("click", function() {
     }, function(data) {
         $('#imageInside').css({'backgroundImage': 'url(' + data.main_image.thumb + ')'});
         $('#textRight').text(data.title).formatTitle();
+        var url = location.protocol + "//" + location.hostname + location.pathname + "?tab=" + $('.innerSelected').attr("data-slug") + "&object_id=" + objId;
+        var fb_url = url.replace("&", "&amp;");
+        $('#fb_like').attr("data-href", fb_url);
         var searchTerm = $('.searchListField').val();
         var html = data.html;
         if (searchTerm != '') {
diff --git a/itf/templates/noel/insidepage.html b/itf/templates/noel/insidepage.html
index 35892a7..bbddadb 100755
--- a/itf/templates/noel/insidepage.html
+++ b/itf/templates/noel/insidepage.html
@@ -15,6 +15,15 @@
 
 
 {% block content %}
+<div id="fb-root"></div>
+<script>(function(d, s, id) {
+  var js, fjs = d.getElementsByTagName(s)[0];
+  if (d.getElementById(id)) {return;}
+  js = d.createElement(s); js.id = id;
+  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
+  fjs.parentNode.insertBefore(js, fjs);
+}(document, 'script', 'facebook-jssdk'));</script>
+
 <div id="lightboxPanel">
 
 </div>
@@ -164,7 +173,8 @@
                     <img src="/static/images/noel/tweet.png" width="18" height="18" alt="twitter" class="iconImages"> 
                     <!--<a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="http://twitter.com/#!/indtheatreforum">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>-->     	
                 
-                    <img src="/static/images/noel/facebook.png" width="18" height="18" alt="facebook" class="iconImages">        
+<div id="fb_like" class="fb-like" data-href="http://theatreforum.in/m/bestpractices/?tab=cases&amp;object_id=16" data-send="true" data-width="450" data-show-faces="true"></div>
+                   <!-- <img src="/static/images/noel/facebook.png" width="18" height="18" alt="facebook" class="iconImages"> -->  
    <!-- <iframe src="http://www.facebook.com/plugins/like.php?href=www.theatreforum.in&amp;send=false&amp;layout=button_count&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>-->
                 
                     <img src="/static/images/noel/download.jpg" width="18" height="18" alt="download" class="iconImages">