Index: fb.js
===================================================================
--- fb.js	(revision 4649)
+++ fb.js	(working copy)
@@ -21,6 +21,7 @@
  * Called when page is loaded, or content added via javascript.
  */
 Drupal.behaviors.fb = function(context) {
+
   // Sanity check.
   if (!Drupal.settings.fb) {
     // Reach here when Drupal footer is not rendered in page template.
@@ -30,6 +31,7 @@
   // Respond to our jquery pseudo-events
   var events = jQuery(document).data('events');
   if (!events || !events.fb_session_change) {
+    debugger;
     jQuery(document).bind('fb_session_change', FB_JS.sessionChangeHandler);
   }

@@ -234,15 +236,18 @@
   }

   // Feedback that entire page may be reloading.
-  // @TODO improve the appearance of this, make it customizable.
-  // This unweildy set of tags should make a progress bar in any Drupal site.
+  // This unweildy set of tags should turn facebook-specific markup into a progress indicator.
   var fbMarkup = jQuery('.fb_connected,.fb_not_connected').wrap('<div class="progress" />').wrap('<div class="bar" />').wrap('<div class="filled" />');
   if (fbMarkup.length) {
     fbMarkup.hide(); // Hides FBML, leaves progress bar.
   }
-  else {
-    // If no markup changed, throw a progress bar at the top of the page.
-    jQuery('body').prepend('<div id="fb_js_pb" class="progress"><div class="bar"><div class="filled"></div></div></div>');
+
+  // Spinning progress indicator
+  if (typeof(Drupal.settings.fb.reload_spinner) == 'undefined' || Drupal.settings.fb.reload_spinner) {
+    jQuery('body').prepend('<div id="fb_reload"><div class="fb_spinner"></div></div>');
+
+    //jQuery('body').addClass('fb_reload');
+    //debugger;
   }

   // Use POST to get past any caching on the server.
@@ -464,7 +469,7 @@

 // Quick test whether object contains anything.
 FB_JS.isEmpty = function(ob) {
-  for(var i in ob){
+  for (var i in ob) {
     return false;
   }
   return true;
Index: fb.theme.css
===================================================================
--- fb.theme.css	(revision 4649)
+++ fb.theme.css	(working copy)
@@ -33,3 +33,29 @@
     cursor: pointer;
 }

+/* Show spinner when reloading. */
+.fb_spinner {
+    background:url(images/fb_spinner.gif) center left no-repeat;
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    margin-left: -50px; /* half width of the spinner gif */
+    margin-top: -50px; /* half height of the spinner gif */
+    z-index:9999;
+    overflow: auto;
+    width: 100px; /* width of the spinner gif */
+    height: 102px; /*hight of the spinner gif +2px to fix IE8 issue */
+}
+
+/* Grey out entire page when reloading. */
+#fb_reload {
+    position: fixed;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    background:grey;
+    filter:alpha(Opacity=50);
+    opacity:0.5;
+    z-index:9998;
+}
\ No newline at end of file
Index: images/fb_spinner.gif
===================================================================
Cannot display: file marked as a binary type.
svn:mime-type = image/gif
Index: images/fb_spinner.gif
===================================================================
--- images/fb_spinner.gif	(revision 4649)
+++ images/fb_spinner.gif	(working copy)

Property changes on: images/fb_spinner.gif
___________________________________________________________________
Added: svn:mime-type
## -0,0 +1 ##
+image/gif
\ No newline at end of property