/*
 * -----------------------------------------------------------------
 * Copyright (c) 2009 Fluid, Inc. All Right Reserved.
 * This software is the proprietary information of Fluid, Inc.
 * Use is subject to strict licensing terms.
 * -----------------------------------------------------------------
 *
 * CVS Information:
 * $Id: fluid.facebook-pdp.js.php,v 1.46 2009/10/27 18:02:41 fluiddev Exp $
 * $Author: fluiddev $
 * $Date: 2009/10/27 18:02:41 $
 */

var FluidSocialPDP = function () {};
FluidSocialPDP.userInitiatedLogin = false;

FluidSocialPDP.prototype = {
	
	// Configuration parameters:
	divId: "fluid-social-facebook",
	favoritesDivId: null,
	productId: null,
	productName: null,
	thumbnailUrl: null,
	pdpUrl: null,
	mainImageUrl: null,
	
	visibleTab: null,
	alreadyLoggedIn: false,
	sendInviteDialog: null,
	statusDialog: null,
	facebookUserId: null,

	isPageLoaded: false,
	singleProductMode: false,
	standaloneFavoritesOnly: false,
	
	favoritesScrollerSize: 2,
	standaloneFavoritesScrollerSize: 2,
	
	init: function() {
		this.isPageLoaded = false;
		var fluidSocial = this;

		// Create a hidden iframe so we can do xd calls to the Fluid Social server.
		var iframeUrl = "http://facebook.ghirardelli.com/ghirardelli/connect/connect_api.php";
		var iframeHtml = '<div id="Fluid_HiddenContainer" style="position: absolute; top: -10000px; left: -10000px; width: 0px; height: 0px;">' +
			'<iframe id="fluid_api_server" name="fluid_api_server" src="' + iframeUrl + '" frameborder="0" scrolling="no"></iframe></div>';
		$("body").append(iframeHtml);

		$('#fluid_api_server').load(function() {
			fluidSocial.isPageLoaded = true;
		});
		
		// Add the Fluid Social for Facebook content to the specified div.
		if (this.divId != null)
			this.createFacebookContent();
		if (this.favoritesDivId != null)
			this.createStandaloneFavoritesContent();

		$(".fluid-fbLoggedIn").hide();
		$(".fluid-fbNotLoggedIn").show();
		
		// Initialize the client-side Facebook API.
		FB_RequireFeatures(["XFBML", "Api", "Connect"], function() {
			//FB.FBDebug.isEnabled = true;
			//FB.FBDebug.logLevel = 4;

			// We must wait until the Fluid Social connector iframe is loaded before
			// initializing Facebook Connect.  We also need to take into account that
			// the page may already be fully loaded.
			if (fluidSocial.isPageLoaded)
			{
				fluidSocial.initializeFacebook();
			}
			else
			{
				$('#fluid_api_server').load(function() {
					fluidSocial.initializeFacebook();
				});
			}
		});

		$("a.fluid-fbLogin").click(function(event) {
			event.preventDefault();
			fluidSocial.closeDialogs();
			FluidSocialPDP.userInitiatedLogin = true;
			FB.Connect.requireSession();
		});
		
		$("a.fluid-fbLogout").click(function(event) {
			event.preventDefault();
			fluidSocial.closeDialogs();

			// Reset the Share link.
			$('#fluid-fbShareMessage').text('Share with Friends!').css('font-weight', 'normal');
			$('#fluid-fbShareProduct').show();

			FB.Connect.logout();
		});
		
		$("a.fluid-fbAddProduct").click(function(event) {
			event.preventDefault();
			fluidSocial.closeDialogs();
			
			FB.Connect.requireSession(function() {
				// Add the product.
				fluidSocial.addProduct();
			});
		});
		
		$("a.fluid-fbcloselink, input.fluid-fbclosebutton").click(function(event) {
			event.preventDefault();
			fluidSocial.closeDialogs();
		});
		
		$("#fluid-feedback_form_send").click(function(event) {
			event.preventDefault();
			fluidSocial.sendFeedback();
		});
		
		// Some links appear in dynamically generated content, so we need
		// to reattach them sometimes.
		this.reattachEventHandlers();
		
		if (location.search.indexOf('fluid-showFBComments=1') != -1)
			this.tabSwap('fluid-fbTab2Content');
			
			},
	
	initializeFacebook: function() {
		var fluidSocial = this;
		
		FB.init("2736fa277362bc0c00ce1cff79f8cba0",
			"http://shop.ghirardelli.com/xd_receiver.html",
			{
				"ifUserConnected": function(userId) {
					fluidSocial.debug("Facebook User Connected: " + userId +
						", User Initiated Login: " + FluidSocialPDP.userInitiatedLogin);
						
					if (!fluidSocial.alreadyLoggedIn)
					{
						fluidSocial.facebookUserId = userId;
						$(".fluid-fbLoggedIn").show();
						$(".fluid-fbNotLoggedIn").hide();
						
						$("#fluid-fbProfilePic").html('<fb:profile-pic uid="' + userId + '" facebook-logo="true" size="square"></fb:profile-pic>');
						$(".fluid-fbUserName").html('<fb:name uid="' + userId + '" firstnameonly="true" useyou="false" linked="false"></fb:name>');
						fluidSocial.parseDomElement('fluid-fbShareContent');

						fluidSocial.getNewestReview();
						fluidSocial.getFriendReviews();

						if (!fluidSocial.singleProductMode)
							fluidSocial.getFriendFavorites();							

						if (FluidSocialPDP.userInitiatedLogin)
						{
							// Ask the user if we can update their status area on Facebook.
							FB.Facebook.apiClient.users_hasAppPermission('status_update', function(result) {
								fluidSocial.debug("Permission to update status: " + result);
								if (result == 0)
								{
									FB.Connect.showPermissionDialog('status_update', function(result) {
										fluidSocial.debug("Permission granted on prompt: " + result);
										if (result == 'status_update')
											fluidSocial.updateUserStatus();
									});
								}
								else
								{
									fluidSocial.updateUserStatus();
								}
							});
						}
					}
						
					fluidSocial.alreadyLoggedIn = true;
				},
					
				"ifUserNotConnected": function() {
					fluidSocial.debug("Facebook User Disconnected");
						
					$(".fluid-fbLoggedIn").hide();
					$(".fluid-fbNotLoggedIn").show();
						
					fluidSocial.alreadyLoggedIn = false;
					fluidSocial.facebookUserId = null;
				}
			}
		);
	},
	
	createFacebookContent: function() {
		var fluidSocial = this;
		var html = '';
		
		if (!this.standaloneFavoritesOnly)
		{		
			html += '<div id="fluid-fbTab1Content">\n';
			html += '	<div style="position:relative;"><div class="fluid-fbCommentCount fluid-fbCommentCountDefault fluid-fbLoggedIn"></div></div>\n';
			if (!this.singleProductMode)
			{
				html += '	<div style="position:relative;"><div class="fluid-fbFavoritesCount fluid-fbFavoritesCountDefault fluid-fbLoggedIn"></div></div>\n';
			}
			html += '	<div id="fluid-fbTab1Wrapper">\n';
			html += '		<div id="fluid-fbShareTabActive">\n';
			html += '			<ul>\n';
			html += '				<li id="fluid-fbTab1Share"><a href="#"></a></li>\n';
			html += '				<li id="fluid-fbTab1Friends"><a href="#"></a></li>\n';
			if (!this.singleProductMode)
			{
				html += '				<li id="fluid-fbTab1Favorites"><a href="#"></a></li>\n';
			}
			html += '			</ul>\n';
			html += '		</div>\n';
			html += '	</div>\n';
			html += '	<div class="fluid-fbContentTop"></div>\n';
			html += '	<div id="fluid-fbShareContentWrapper">\n';
			html += '		<div id="fluid-fbShareContent">\n';
			html += '			<div class="fluid-fbLoggedIn" style="display: none;">\n';
			html += '				<div id="fluid-fbProfilePic"></div>\n';		
			html += '				<div id="fluid-fbWelcomeText">Welcome,<br/><span class="fluid-fbUserName"></span>!</div><br/>\n';		
			html += '				<div id="fluid-fbShareMessage">Share with Friends!</div>\n';		
			html += '				<div id="fluid-fbLogout"><a class="fluid-fbLogout fluid-fbSmallLink" href="#">Logout of Facebook</a></div>\n';
			html += '				<div id="fluid-fbShareProduct">\n';
			html += '					<img class="fluid-fbIcon" src="http://facebook.ghirardelli.com/ghirardelli/images/fb_favicon.gif" alt="" />\n';
			html += '					<a class="fluid-fbAddProduct fluid-fbSmallLink" href="#">Share this Product</a>\n';
			html += '				</div>\n';
			html += '			</div>\n';
			html += '			<div class="fluid-fbNotLoggedIn" style="display: none;">\n';
			html += '				<div class="fluid-fbConnectText">Share this product with<br/>your Facebook friends!</div>\n';
			html += '				<div class="fluid-fbConnectButton"><fb:login-button onlogin="FluidSocialPDP.userInitiatedLogin = true;" size="medium" background="dark" length="long"></fb:login-button></div>\n';
			html += '			</div>\n';
			html += '			<div style="clear: both;"/>\n';		
			html += '		</div>\n';
			html += '	</div>\n';
			html += '	<div class="fluid-fbTellMeHow">\n';
			html += '		<a href="#" class="fluid-fbShowInstructions">Tell me how this works</a>&nbsp;|&nbsp;<a href="#" class="fluid-fbSendFeedback">Tell us what you think</a>\n';
			html += '	</div>\n';
			html += '</div>\n';

			html += '<div id="fluid-fbTab2Content" style="display:none;">\n';
			html += '	<div style="position:relative;"><div class="fluid-fbCommentCount fluid-fbCommentCountActive fluid-fbLoggedIn"></div></div>\n';
			if (!this.singleProductMode)
			{
				html += '	<div style="position:relative;"><div class="fluid-fbFavoritesCount fluid-fbFavoritesCountDefault fluid-fbLoggedIn"></div></div>\n';
			}
			html += '	<div id="fluid-fbTab2Wrapper">\n';
			html += '		<div id="fluid-fbFriendsTabActive">\n';
			html += '			<ul>\n';
			html += '				<li id="fluid-fbTab2Share"><a href="#"></a></li>\n';
			html += '				<li id="fluid-fbTab2Friends"><a href="#"></a></li>\n';
			if (!this.singleProductMode)
			{
				html += '				<li id="fluid-fbTab2Favorites"><a href="#"></a></li>\n';
			}			
			html += '			</ul>\n';
			html += '		</div>\n';
			html += '	</div>\n';
			html += '	<div class="fluid-fbContentTop"></div>\n';
			html += '	<div id="fluid-fbFriendsContentWrapper">\n';
			html += '		<div id="fluid-fbFriendsContentNotLoggedIn" class="fluid-fbNotLoggedIn">\n';
			html += '			<div class="fluid-fbConnectText">See what your Friends are<br/>saying about this product!</div>\n';
			html += '			<div class="fluid-fbConnectButton"><fb:login-button onlogin="FluidSocialPDP.userInitiatedLogin = true;" size="medium" background="dark" length="long"></fb:login-button></div>\n';
			html += '			<br style="clear: both;"/>\n';
			html += '		</div>';
			html += '		<div id="fluid-fbFriendsContent" class="fluid-fbLoggedIn" style="display: none;"></div>\n';
			html += '	</div>\n';
			html += '	<div class="fluid-fbTellMeHow fluid-fbNotLoggedIn">\n';
			html += '		<a href="#" class="fluid-fbShowInstructions">Tell me how this works</a>&nbsp;|&nbsp;<a href="#" class="fluid-fbSendFeedback">Tell us what you think</a>\n';
			html += '	</div>\n';
			html += '</div>\n';

			if (!this.singleProductMode)
			{
				html += '<div id="fluid-fbTab3Content" style="display:none;">\n';
				html += '	<div style="position:relative;"><div class="fluid-fbCommentCount fluid-fbCommentCountDefault fluid-fbLoggedIn"></div></div>\n';
				html += '	<div style="position:relative;"><div class="fluid-fbFavoritesCount fluid-fbFavoritesCountActive fluid-fbLoggedIn"></div></div>\n';
				html += '	<div id="fluid-fbTab3Wrapper">\n';
				html += '		<div id="fluid-fbFavoritesTabActive">\n';
				html += '			<ul>';
				html += '				<li id="fluid-fbTab3Share"><a href="#"></a></li>\n';
				html += '				<li id="fluid-fbTab3Friends"><a href="#"></a></li>\n';
				html += '				<li id="fluid-fbTab3Favorites"><a href="#"></a></li>\n';
				html += '			</ul>\n';
				html += '		</div>\n';
				html += '	</div>\n';
				html += '	<div class="fluid-fbContentTop"></div>\n';
				html += '	<div id="fluid-fbFavoritesContentWrapper">\n';
				html += '		<div id="fluid-fbFavoritesContentNotLoggedIn" class="fluid-fbNotLoggedIn">\n';
				html += '			<div class="fluid-fbConnectText">See what other Ghirardelli<br/>products your Friends like!</div>\n';
				html += '			<div class="fluid-fbConnectButton"><fb:login-button onlogin="FluidSocialPDP.userInitiatedLogin = true;" size="medium" background="dark" length="long"></fb:login-button></div>\n';
				html += '			<br style="clear: both;"/>\n';
				html += '		</div>\n';
				html += '		<div id="fluid-fbFavoritesContent" class="fluid-fbLoggedIn" style="display: none;"></div>\n';
				html += '	</div>\n';
				html += '	<div class="fluid-fbTellMeHow fluid-fbNotLoggedIn">\n';
				html += '		<a href="#" class="fluid-fbShowInstructions">Tell me how this works</a>&nbsp;|&nbsp;<a href="#" class="fluid-fbSendFeedback">Tell us what you think</a>\n';
				html += '	</div>\n';
				html += '</div>\n';
			}
		
			html += '<div id="fluid-fbCommentBubbleWrapper" class="fluid-fbLoggedIn" style="display: none;"></div>\n';
			html += '<div id="fluid-fbContentBottom"></div>\n';
		}

		html += '<div id="fluid-howitworks">\n';
		html += '	<div id="fluid-howitworks_top"></div>\n';
		html += '	<div id="fluid-howitworks_mid">\n';
		html += '		<div id="fluid-howitworks_close">\n';
		html += '			<a href="#" class="fluid-fbcloselink">Close</a>&nbsp;&nbsp;<a href="#" class="fluid-fbcloselink"><img id="fluid-howitworks_close_btn" src="http://facebook.ghirardelli.com/ghirardelli/images/pop_up_close.gif" /></a>\n';
		html += '		</div>\n';
		html += '		<img id="fluid-howitworks_main_img" src="http://facebook.ghirardelli.com/ghirardelli/images/tmhiw.jpg">\n';
		html += '		<table>\n';
		html += '			<tr>\n';
		html += '				<td id="fluid-hiw_td_left">Click the <b>&#39;Connect with Facebook&#39;</a></b> button to add the Application. <br/><br/>Once added, you can share as many products as you&#39;d like!</td>\n';
		html += '				<td id="fluid-hiw_td_mid">Without leaving this site, you can <b>view the ratings and comments from your friends</b> on your products (as long as you are logged into Facebook). <br/><br/>You can even see the products your friends added to their own lists!</td>\n';
		html += '				<td id="fluid-hiw_td_right">To get the full benefit of our Social Shopping feature, don&#39;t forget to <b>Invite Your Friends</b> to rate, comment and create their own list of favorites after you add your application!</td>\n';
		html += '			</tr>\n';
		html += '		</table>\n';
		html += '	</div>';
		html += '	<div id="fluid-howitworks_bot"></div>\n';
		html += '</div>\n';

		html += '<div id="fluid-feedback">\n';
		html += '	<div id="fluid-feedback_top"></div>\n';
		html += '	<div id="fluid-feedback_mid">\n';
		html += '		<div id="fluid-feedback_close">\n';
		html += '			<a href="#" class="fluid-fbcloselink">Close</a>&nbsp;&nbsp;<a href="#" class="fluid-fbcloselink"><img id="fluid-feedback_close_btn" src="http://facebook.ghirardelli.com/ghirardelli/images/pop_up_close.gif" /></a>\n';
		html += '		</div>\n';
		html += '		<div id="fluid-feedback_content">\n';
		html += '			<h1>TELL US WHAT YOU THINK!</h1>\n';
		html += '			<p>Your feedback is important to us, so let us know what you think about the Facebook integration features on the Ghirardelli product detail page!</p>\n';
		html += '			<p>You can also report any problems or bugs you find here.</p>\n';
		html += '			<form id="fluid-feedback_form" method="post" action="#">\n';
		html += '				<div>All fields are required unless indicated.</div>\n';
		html += '				<div class="fluid-feedback_form_row"><label for="fluid-feedback_form_to">To</label><div class="fluid-feedback_form_value">Ghirardelli Dev Team</div></div>\n';
		html += '				<div class="fluid-feedback_form_row"><label for="fluid-feedback_form_reason">Reason</label><div class="fluid-feedback_form_value"><select id="fluid-feedback_form_reason"><option value="">Please choose a topic</option><option value="suggestion">Make a suggestion</option><option value="bug">Report a bug</option><option value="question">Ask a question</option><option value="complaint">File a complaint</option></select></div></div>\n';
		html += '				<div class="fluid-feedback_form_row"><label for="fluid-feedback_form_email">Your Email</label><div class="fluid-feedback_form_value"><input id="fluid-feedback_form_email" /> (optional)<br/>If you want a reply, please enter your email here.  We will not disclose your information to anyone.</div></div>\n';
		html += '				<div class="fluid-feedback_form_row"><label for="fluid-feedback_form_subject">Subject</label><div class="fluid-feedback_form_value"><input id="fluid-feedback_form_subject" /> (optional)</div></div>\n';
		html += '				<div class="fluid-feedback_form_row"><label for="fluid-feedback_form_message">Message</label><div class="fluid-feedback_form_value"><textarea id="fluid-feedback_form_message"></textarea></div></div>\n';
		html += '				<div class="fluid-feedback_form_row"><div class="fluid-feedback_form_value"><input id="fluid-feedback_form_send" class="fluid-fbbutton" type="button" value="Send" />&nbsp;<input class="fluid-fbbutton fluid-fbclosebutton" type="button" value="Cancel" /></div></div>\n';
		html += '				<div style="clear: both;"></div>\n';
		html += '			</form>\n';
		html += '		</div>\n';
		html += '	</div>';
		html += '	<div id="fluid-feedback_bot"></div>\n';
		html += '</div>\n';

		html += '<img id="fluid-firstVisitPopupHidden" src="http://facebook.ghirardelli.com/ghirardelli/images/pop_btn_mousein.gif" />\n';
		html += '<div id="fluid-firstVisitPopupWrapper">\n';
		html += '	<div id="fluid-firstVisitPopupTop"><a class="fluid-fbcloselink" href="#"><img id="fluid-firstVisitPopupClose" src="http://facebook.ghirardelli.com/ghirardelli/images/pop_up_close.gif"/></a></div>\n';
		html += '	<div id="fluid-firstVisitPopupMiddle">\n';
		html += '		<div id="fluid-firstVisitPopupHead"></div>\n';
		html += '		<div id="fluid-firstVisitPopupText"><b>Share, Rate</b> and <b>Comment</b> on Ghirardelli products with your Facebook friends <i>while you shop!</i></div>\n';
		html += '		<a class="fluid-fbLogin" href="#"><div id="fluid-firstVisitPopupButton"></div></a>\n';
		html += '	</div>\n';
		html += '	<div id="fluid-firstVisitPopupBottom"></div>\n';
		html += '</div>\n';
		
		$('#' + this.divId).html(html);
	
		$('#fluid-fbTab1Share > a').click(function(event) {
			event.preventDefault();
		});
		$('#fluid-fbTab1Friends > a').click(function(event) {
			event.preventDefault();
			fluidSocial.tabSwap('fluid-fbTab2Content');
		});
		$('#fluid-fbTab1Favorites > a').click(function(event) {
			event.preventDefault();
			fluidSocial.tabSwap('fluid-fbTab3Content');
		});
		$('#fluid-fbTab2Share > a').click(function(event) {
			event.preventDefault();
			fluidSocial.tabSwap('fluid-fbTab1Content');
		});
		$('#fluid-fbTab2Friends > a').click(function(event) {
			event.preventDefault();
		});
		$('#fluid-fbTab2Favorites > a').click(function(event) {
			event.preventDefault();
			fluidSocial.tabSwap('fluid-fbTab3Content');
		});		
		$('#fluid-fbTab3Share > a').click(function(event) {
			event.preventDefault();
			fluidSocial.tabSwap('fluid-fbTab1Content');
		});
		$('#fluid-fbTab3Friends > a').click(function(event) {
			event.preventDefault();
			fluidSocial.tabSwap('fluid-fbTab2Content');
		});
		$('#fluid-fbTab3Favorites > a').click(function(event) {
			event.preventDefault();
		});		
	},
	
	createStandaloneFavoritesContent: function() {
		var fluidSocial = this;
		var html = '';
		
		html += '<div id="fluid-fbStandaloneFavoritesContentWrapper">\n';
		html += '	<div id="fluid-fbStandaloneFavoritesContentNotLoggedIn" class="fluid-fbNotLoggedIn">\n';
		html += '		<div class="fluid-fbConnectText">See what other Ghirardelli<br/>products your Friends like!</div>\n';
		html += '		<div class="fluid-fbConnectButton"><fb:login-button onlogin="FluidSocialPDP.userInitiatedLogin = true;" size="medium" background="dark" length="long"></fb:login-button></div>\n';
		html += '		<br style="clear: both;"/>\n';
		html += '	</div>\n';
		html += '	<div id="fluid-fbStandaloneFavoritesContent" class="fluid-fbLoggedIn" style="display: none;"></div>\n';
		html += '</div>\n';
		html += '<div class="fluid-fbTellMeHow fluid-fbNotLoggedIn">\n';
		html += '	<a href="#" class="fluid-fbShowInstructions">Tell me how this works</a>&nbsp;|&nbsp;<a href="#" class="fluid-fbSendFeedback">Tell us what you think</a>\n';
		html += '</div>\n';
			
		$('#' + this.favoritesDivId).html(html);		
	},
	
	reattachEventHandlers: function() {
		var fluidSocial = this;
		
		$("a.fluid-fbShowInstructions").unbind("click").click(function(event) {
			event.preventDefault();
			fluidSocial.closeDialogs();
			$('#fluid-howitworks').show();
		});

		$("a.fluid-fbSendFeedback").unbind("click").click(function(event) {
			event.preventDefault();
			fluidSocial.closeDialogs();
			$('#fluid-feedback *').removeClass("fluid-feedback_form_value_error fluid-feedback_form_label_error");
			$('#fluid-feedback_form')[0].reset();
			$('#fluid-feedback').show();
		});

		$("a.fluid-fbInviteFriends").unbind("click").click(function(event) {
			event.preventDefault();
			fluidSocial.closeDialogs();
			fluidSocial.showInviteDialog();
		});
	},
	
	tabSwap: function(id) {
		var tabToSwapWith = $('#' + id);
		if (!this.visibleTab)
		{   
			this.visibleTab = $('#fluid-fbTab1Content');
		}
		this.visibleTab.hide();
		tabToSwapWith.show();
		this.visibleTab = tabToSwapWith;
		
		// Track events in GA.
		if (this.analyticsPresent())
		{
			if (id == 'fluid-fbTab2Content')
			{
				pageTracker._trackEvent("PDP Events", "Friend Comments Opened", this.productId);
			}
			else if (id == 'fluid-fbTab3Content')
			{
				pageTracker._trackEvent("PDP Events", "Friend Favorites Opened", this.productId);
			}
		}
	},
	
	addProduct: function() {
		var fluidSocial = this;
		fluidSocial.debug("addProduct()");
		window.frames['fluid_api_server'].fluidSocialConnector.addProduct(
			this.productId, this.productName, this.pdpUrl, this.thumbnailUrl, this.mainImageUrl, function(response) {
			if (!fluidSocial.validateResponse(response))
				return;

			if (fluidSocial.analyticsPresent())
			{
				// Inform GA that the product was added.
				pageTracker._trackEvent("PDP Events", "Add Product", fluidSocial.productId);
			}

			// Remove the Share link.
			$('#fluid-fbShareMessage').text('You shared this product successfully!').css('font-weight', 'bold');
			$('#fluid-fbShareProduct').hide();
			
			// Allow the user to post to their FB feed.
			var templateData = {
				"productName": fluidSocial.productName,
				"pdpUrl": fluidSocial.pdpUrl,
				"images": [{"src": fluidSocial.thumbnailUrl.replace(/%20/, ' '), "href": fluidSocial.pdpUrl}]
			};
			FB.Connect.showFeedDialog('97630483173',
				templateData,
				null, null, null, FB.RequireConnect.require, null,
				response, null);
		});
	},
	
	updateUserStatus: function() {
		var fluidSocial = this;
		FB.Facebook.apiClient.users_setStatus('is currently shopping on shop.ghirardelli.com.  Join me: ' + fluidSocial.pdpUrl, false, true, function() {
			fluidSocial.debug("Status Updated");
		});
	},
	
	showInviteDialog: function() {
		var fluidSocial = this;

		var addProductUrl = 'http://apps.facebook.com/ghirardelli/' + 
			'?productId=' + encodeURIComponent(this.productId) + '&productName=' + encodeURIComponent(this.productName) +
			'&thumbnailUrl=' + encodeURIComponent(this.thumbnailUrl) + '&pdpUrl=' + encodeURIComponent(this.pdpUrl) +
			'&action=addProduct';
		if (this.mainImageUrl != null)
			addProductUrl += '&mainImageUrl=' + encodeURIComponent(this.mainImageUrl);
			
		// Facebook makes a Javascript call (fs.skip("_parent")) when the Cancel/Submit buttons on the form are clicked
		// that causes the action URL to get loaded in the FBML rendering iframe's parent (in our case, the top-level window).
		// This isn't desirable here, so we must add another iframe level of indirection to fix this.
		// (See http://bugs.developers.facebook.com/show_bug.cgi?id=4916)
		var iframeUrl = "http://facebook.ghirardelli.com/ghirardelli/connect/generate_invite.php?addProductUrl=" + encodeURIComponent(addProductUrl);
		var fbml = '<fb:iframe src="' + iframeUrl + '" name="bogus" resizable="true" scrolling="no" frameborder="0" style="width: 760px;" />';

//		var content = '<fb:name uid="' + this.facebookUserId + '" firstnameonly="true" shownetwork="false"/> has a favorite product on <a href="http://apps.facebook.com/ghirardelli/">My Ghirardelli Favorites</a> and would like to share it with you!\n';
//			'<fb:req-choice url="' + addProductUrl + '" label="View the Product Now!"/>';
//		fbml = '<fb:request-form action="http://www.yahoo.com" method="post" type="My Ghirardelli Favorites" content="' + escape(content) + '" invite="true">' +
//			'<fb:multi-friend-selector rows="3" bypass="cancel" actiontext="Select some friends to share this product with using My Ghirardelli Favorites."/>' +
//			'</fb:request-form>';

		this.sendInviteDialog = new FB.UI.FBMLPopupDialog('Invite Friends', fbml, false, false);
		this.sendInviteDialog.setContentWidth(760);
		this.sendInviteDialog.setContentHeight(560);
		this.sendInviteDialog.set_placement(FB.UI.PopupPlacement.topCenter);
		this.sendInviteDialog.add_closing(function() {
			fluidSocial.sendInviteDialog = null;
		});
		this.sendInviteDialog.show();
	},
	
	getNewestReview: function() {
		var fluidSocial = this;
fluidSocial.debug("In getNewestReview");
fluidSocial.debug(window.frames['fluid_api_server'].fluidSocialConnector);
		window.frames['fluid_api_server'].fluidSocialConnector.getNewestReview(
			this.productId, function(response) {
			if (!fluidSocial.validateResponse(response))
				return;

			$("#fluid-fbCommentBubbleWrapper").html(response);
			
			$(".fluid-fbGoToReviewFormLink").click(function(event) {
				event.preventDefault();
				fluidSocial.tabSwap('fluid-fbTab2Content');
				$("#fluid-toggleFriendReviewsLink").text('Hide');
				$("#fluid-reviewsBox").slideDown();
				$('#fluid-friendsTabReviewText').focus();
			});
			
			fluidSocial.parseDomElement('fluid-fbCommentBubbleWrapper');
		});
	},
	
	getFriendReviews: function() {
		var fluidSocial = this;

fluidSocial.debug("In getFriendReviews");
		window.frames['fluid_api_server'].fluidSocialConnector.getFriendReviews(
			this.productId, function(response) {
			if (!fluidSocial.validateResponse(response))
				return;

			$("#fluid-fbFriendsContent").html(response);
			$('input[type=radio].star', $('#fluid-fbFriendsContent')).rating();
			
			var commentCount = $('#fluid-fbFriendsContent .fluid-friendsTabPost').length;
			fluidSocial.debug("Friend Comment Count: " + commentCount);
			$('.fluid-fbCommentCount').html('(' + commentCount + ')');

			$("#fluid-toggleFriendReviewsLink").click(function(event) {
				event.preventDefault();
				
				if ($("#fluid-reviewsBox").is(":hidden"))
				{
					$("#fluid-toggleFriendReviewsLink").text('Hide');
					$("#fluid-reviewsBox").slideDown();
				}
				else
				{
					$("#fluid-toggleFriendReviewsLink").text('Show');
					$("#fluid-reviewsBox").slideUp();
				}
			});
			
			$("#fluid-friendsTabPostingSubmit a").click(function(event) {
				event.preventDefault();
				fluidSocial.postFriendsTabReview();
			});
			
			fluidSocial.reattachEventHandlers();
			fluidSocial.parseDomElement('fluid-fbFriendsContent');
		});
	},
	
	getFriendFavorites: function() {
		var fluidSocial = this;

		window.frames['fluid_api_server'].fluidSocialConnector.getFriendFavorites(
			this.productId, function(response) {
			if (!fluidSocial.validateResponse(response))
				return;

			$("#fluid-fbFavoritesContent").html(response);
			
			// Ensure that the standalone version has unique ids.
			response = response.replace('fluid-favoritesTabCountMessage', 'fluid-standaloneFavoritesTabCountMessage');
			response = response.replace('fluid-toggleFriendFavoritesLink', 'fluid-toggleFriendStandaloneFavoritesLink');
			response = response.replace('fluid-favoritesBox', 'fluid-standaloneFavoritesBox');
			response = response.replace('fluid-favoritesScroller', 'fluid-standaloneFavoritesScroller');

			$("#fluid-fbStandaloneFavoritesContent").html(response);

			$("#fluid-favoritesScroller .scrollable").scrollable({
				size: fluidSocial.favoritesScrollerSize,
				clickable: false
			});
			$("#fluid-standaloneFavoritesScroller .scrollable").scrollable({
				size: fluidSocial.standaloneFavoritesScrollerSize,
				clickable: false
			});

			var favoritesCount = $('#fluid-fbFavoritesContent .fluid-scrollerItem').length;
			fluidSocial.debug("Friend Favorites Count: " + favoritesCount);
			$('.fluid-fbFavoritesCount').html('(' + favoritesCount + ')');

			if (favoritesCount <= fluidSocial.favoritesScrollerSize)
			{
				$("#fluid-favoritesScroller .next").addClass("disabled");
			}
			
			var standaloneFavoritesCount = $('#fluid-fbStandaloneFavoritesContent .fluid-scrollerItem').length;
			fluidSocial.debug("Standalone Friend Favorites Count: " + standaloneFavoritesCount);

			if (standaloneFavoritesCount <= fluidSocial.standaloneFavoritesScrollerSize)
			{
				$("#fluid-standaloneFavoritesScroller .next").addClass("disabled");
			}

			$("#fluid-toggleFriendFavoritesLink").click(function(event) {
				event.preventDefault();
				
				if ($("#fluid-favoritesBox").is(":hidden"))
				{
					$("#fluid-toggleFriendFavoritesLink").text('Hide');
					$("#fluid-favoritesBox").slideDown();
				}
				else
				{
					$("#fluid-toggleFriendFavoritesLink").text('Show');
					$("#fluid-favoritesBox").slideUp();
				}
			});
			
			$("#fluid-toggleFriendStandaloneFavoritesLink").click(function(event) {
				event.preventDefault();
				
				if ($("#fluid-standaloneFavoritesBox").is(":hidden"))
				{
					$("#fluid-toggleStandaloneFriendFavoritesLink").text('Hide');
					$("#fluid-standaloneFavoritesBox").slideDown();
				}
				else
				{
					$("#fluid-toggleFriendStandaloneFavoritesLink").text('Show');
					$("#fluid-standaloneFavoritesBox").slideUp();
				}
			});
			
			$("a.fluid-friendFavoriteLink").click(function(event) {
				event.preventDefault();
	
				// Inform GA that the user clicked on a friend's favorite.
				if (fluidSocial.analyticsPresent())
				{
					pageTracker._trackEvent("PDP Events", "Friend Favorite Clicked");
				}		
				
				location.href = $(this).attr("href");
			});
			
			fluidSocial.reattachEventHandlers();
		});
	},
	
	postFriendsTabReview: function() {
		var fluidSocial = this;
		
		$("#fluid-friendsTabPostingErrorMessage").hide();
		$("#fluid-friendsTabPostingProgressMessage").show();
				
		var rating = $("input[name='friendsTabRating']:checked").attr("value");
		var review = $("#fluid-friendsTabReviewText").attr("value");
		this.debug("postFriendsTabReview: " + this.productId + ", " + rating + ", " + review);
		
		if (rating == undefined && review == '')
		{
			$("#fluid-friendsTabPostingProgressMessage").hide();
			alert('Please enter a rating or a review.');
			return;
		}
		
		if (rating == undefined)
			rating = 0;

		window.frames['fluid_api_server'].fluidSocialConnector.postReview(
			this.productId,
			rating,
			review,
			
			function(response) {
				if (!fluidSocial.validateResponse(response))
					return;
					
				// success callback
				$("#fluid-friendsTabPostingProgressMessage").hide();
				fluidSocial.getFriendReviews();
				
				// Inform GA that the product was commented on and rated.
				if (fluidSocial.analyticsPresent())
				{
					pageTracker._trackEvent("PDP Events", "Review and Rate Product", this.productId, Number(rating));
				}
				
				// Allow the user to post to their FB feed.
				var templateData = {
					"productName": fluidSocial.productName,
					"pdpUrl": fluidSocial.pdpUrl,
					"images": [{"src": fluidSocial.thumbnailUrl.replace(/%20/, ' '), "href": fluidSocial.pdpUrl}],
					"rating": rating + " star" + ((rating != 1) ? 's' : '')
				};
				FB.Connect.showFeedDialog('97630478173', templateData,
					null, null, null, FB.RequireConnect.require, null, null, {value: review});
			},
			
			function() {
				// error callback
				$("#fluid-friendsTabPostingProgressMessage").hide();
				$("#fluid-friendsTabPostingErrorMessage").show();
			}
		);
	},
	
	sendFeedback: function() {		
		// Validate the form.
		var reason = $("#fluid-feedback_form_reason").attr("value");
		var email = $("#fluid-feedback_form_email").attr("value");
		var subject = $("#fluid-feedback_form_subject").attr("value");
		var message = $("#fluid-feedback_form_message").attr("value");
		
		this.debug("sendFeedback: " + reason + ", " + email + ", " + subject + ", " + message);
		var valid = true;
		
		if (reason == '')
		{
			valid = false;
			$("#fluid-feedback_form_reason").addClass("fluid-feedback_form_value_error");
			$("label[for=fluid-feedback_form_reason]").addClass("fluid-feedback_form_label_error");
		}
		else
		{
			$("#fluid-feedback_form_reason").removeClass("fluid-feedback_form_value_error");
			$("label[for=fluid-feedback_form_reason]").removeClass("fluid-feedback_form_label_error");
		}
		
		if (message == '')
		{
			valid = false;
			$("#fluid-feedback_form_message").addClass("fluid-feedback_form_value_error");
			$("label[for=fluid-feedback_form_message]").addClass("fluid-feedback_form_label_error");
		}
		else
		{
			$("#fluid-feedback_form_message").removeClass("fluid-feedback_form_value_error");
			$("label[for=fluid-feedback_form_message]").removeClass("fluid-feedback_form_label_error");
		}
		
		if (!valid) return;
		this.closeDialogs();
		
		// Submit the feedback to the server.
		window.frames['fluid_api_server'].fluidSocialConnector.sendFeedback(
			reason,
			email,
			subject,
			message,
			
			function(response) {
				if (!fluidSocial.validateResponse(response))
					return;
					
				// Inform GA that feedback was submitted.
				if (fluidSocial.analyticsPresent())
				{
					pageTracker._trackEvent("PDP Events", "Feedback Submitted", this.productId);
				}
				
				// Show confirmation.
				var message = $('<div class="fluid-fbinfobox">Thanks for your feedback!</div>');

				fluidSocial.statusDialog = new FB.UI.PopupDialog('Feedback Received', message.get(0), false, false);
				fluidSocial.statusDialog.setContentWidth(400);
				fluidSocial.statusDialog.set_placement(FB.UI.PopupPlacement.topCenter);
				fluidSocial.statusDialog.add_closing(function() {
					fluidSocial.statusDialog = null;
				});
				fluidSocial.statusDialog.show();
			}
		);
	},
	
	closeDialogs: function() {
		if (this.sendInviteDialog != null)
		{
			this.sendInviteDialog.close(false);
			this.sendInviteDialog = null;
		}
		if (this.statusDialog != null)
		{
			this.statusDialog.close(false);
			this.statusDialog = null;
		}
		$('#fluid-howitworks').hide();
		$('#fluid-firstVisitPopupWrapper').hide();
		$('#fluid-feedback').hide();
	},

	validateResponse: function(response) {
		var valid;
		
		if (response.indexOf('top.location.href') == -1)
		{
			valid = true;
		}
		else
		{
			// The user logged into the FB app first, and Facebook
			// has messed up the session cookies.  No choice but 
			// to logout of Facebook and start over.
			this.closeDialogs();
			FB.Connect.logout();
			valid = false;
		}
		
		return valid;
	},
	
	debug: function(message) {
		if (window.console)
			console.log(message);
	},
	
	analyticsPresent: function() {
		return (typeof(pageTracker) != 'undefined' && pageTracker != null);
	},
	
	parseDomElement: function(elementId) {
		var element = $('#' + elementId);
		if (element.length > 0)
			FB.XFBML.Host.parseDomElement(element.get(0));
	}
};