(function(context,$) {

    "use strict";

    context.JK = context.JK || {};
    context.JK.BandProfileScreen = function(app) {
        var logger = context.JK.logger;
        var rest = context.JK.Rest();
        var bandId;
        var isMember = false;
        var band = {};
        var instrument_logo_map = context.JK.getInstrumentIconMap24();

        function beforeShow(data) {
            bandId = data.id;
        }

        function afterShow(data) {

          // hide until we know if 'isMember'
          $("#btn-follow-band").hide();
          $("#btn-edit-band-profile").hide();

          resetForm();
          events();
          determineMembership()
            .done(function() {
              renderActive();
            })
            .fail(function(jqXHR) {
              app.notifyServerError(jqXHR, "Unable to talk to server")
            })
        }

        function resetForm() {
            $('#band-profile-instruments').empty();

            $('#band-profile-about').show();
            $('#band-profile-history').hide();
            $('#band-profile-members').hide();
            $('#band-profile-social').hide();

            $('.band-profile-nav a.active').removeClass('active');
            $('.band-profile-nav a.#band-profile-about-link').addClass('active');
        }

        /****************** MAIN PORTION OF SCREEN *****************/

        function addFollowing(isBand, id) {
          var newFollowing = {};

          if (!isBand) {
            newFollowing.user_id = id;
          }
          else {
            newFollowing.band_id = id;
          }

          rest.addFollowing(newFollowing)
            .done(function() {
              if (isBand) {
                var newCount = parseInt($("#band-profile-follower-stats").text()) + 1;
                var text = newCount > 1 || newCount == 0 ? " Followers" : " Follower";
                $('#band-profile-follower-stats').html(newCount + text);
                configureBandFollowingButton(true);
              }
              else {
                configureMemberFollowingButton(true, id);
              }
              renderActive();
            })
            .fail(app.ajaxError);
        }

        function removeFollowing(isBand, id) {
          rest.removeFollowing(id)
            .done(function() {
              if (isBand) {
                var newCount = parseInt($("#band-profile-follower-stats").text()) - 1;
                var text = newCount > 1 || newCount == 0 ? " Followers" : " Follower";
                $('#band-profile-follower-stats').html(newCount + text);
                configureBandFollowingButton(false);
              }
              else {
                configureMemberFollowingButton(false, id);
              }
              renderActive();
            })
            .fail(app.ajaxError);
        }

        function configureBandFollowingButton(following) {
            $('#btn-follow-band').unbind("click");

            if (following) {
                $('#btn-follow-band').text('UNFOLLOW');
                $('#btn-follow-band').click(function() {
                    removeFollowing(true, bandId);
                    return false;
                });
            }
            else {
                $('#btn-follow-band').text('FOLLOW');
                $('#btn-follow-band').click(function() {
                    addFollowing(true, bandId);
                    return false;
                });
            }
        }

        function configureMemberFollowingButton(following, userId) {

            var $btnFollowMember = $('div[user-id=' + userId + ']', '#band-profile-members').find('#btn-follow-member');

            if (context.JK.currentUserId === userId) {
                $btnFollowMember.hide();
            }
            else {
                $btnFollowMember.unbind("click");

                if (following) {
                    $btnFollowMember.text('UNFOLLOW');
                    $btnFollowMember.click(function() {
                        removeFollowing(false, userId);
                        return false;
                    });
                }
                else {
                    $btnFollowMember.text('FOLLOW');
                    $btnFollowMember.click(function() {
                        addFollowing(false, userId);
                        return false;
                    });
                }
            }
        }

        // refreshes the currently active tab
        function renderActive() {

          if (isMember) {
              $("#btn-follow-band").hide();
              $("#btn-edit-band-profile").show();
            }
            else {
              $("#btn-follow-band").show();
              $("#btn-edit-band-profile").hide();
            }

            if ($('#band-profile-about-link').hasClass('active')) {
                renderAbout();
            }
            else if ($('#band-profile-history-link').hasClass('active')) {
                renderHistory();
            }
            else if ($('#band-profile-members-link').hasClass('active')) {
                renderMembers();
            }
            else if ($('#band-profile-social-link').hasClass('active')) {
                renderSocial();
            }
        }

        /****************** ABOUT TAB *****************/
        function renderAbout() {

            $('#band-profile-about').show();
            $('#band-profile-history').hide();
            $('#band-profile-members').hide();
            $('#band-profile-social').hide();

            $('.band-profile-nav a.active').removeClass('active');
            $('.band-profile-nav a.#band-profile-about-link').addClass('active');

            bindAbout();
        }

        function bindAbout() {

          rest.getBand(bandId)
              .done(function(response) {
                band = response;
                if (band) {
                  // name
                  $('#band-profile-name').html(band.name);

                  // avatar
                  $('#band-profile-avatar').attr('src', context.JK.resolveAvatarUrl(band.photo_url));

                  // location
                  $('#band-profile-location').html(band.location);

                  // stats
                  var text = band.follower_count > 1 || band.follower_count == 0 ? " Followers" : " Follower";
                  $('#band-profile-follower-stats').html(band.follower_count + text);

                  text = band.session_count > 1 || band.session_count == 0 ? " Sessions" : " Session";
                  $('#band-profile-session-stats').html(band.session_count + text);

                  text = band.recording_count > 1 || band.recording_count == 0 ? " Recordings" : " Recording";
                  $('#band-profile-recording-stats').html(band.recording_count + text);

                  $('#band-profile-biography').html(band.biography);
                  
                  // wire up Follow click
                  configureBandFollowingButton(band.is_following);
                }
                else {
                    logger.debug("No band found with bandId = " + bandId);
                }
              })
              .fail(function(xhr) {
                if(xhr.status >= 500) {
                    context.JK.fetchUserNetworkOrServerFailure();
                }
                else if(xhr.status == 404) {
                    context.JK.entityNotFound("Band");
                }
                else {
                    context.JK.app.ajaxError(arguments);
                }
              });
        }

        /****************** SOCIAL TAB *****************/
        function renderSocial() {
            $('#band-profile-social-followers').empty();

            $('#band-profile-about').hide();
            $('#band-profile-history').hide();
            $('#band-profile-members').hide();
            $('#band-profile-social').show();

            $('.band-profile-nav a.active').removeClass('active');
            $('.band-profile-nav a.#band-profile-social-link').addClass('active');

            bindSocial();
        }

        function bindSocial() {
            // FOLLOWERS
            var url = "/api/bands/" + bandId + "/followers";
            $.ajax({
                type: "GET",
                dataType: "json",
                url: url,
                async: false,
                processData:false,
                success: function(response) {
                    $.each(response, function(index, val) {
                        var template = $('#template-band-profile-social').html();
                        var followerHtml = context.JK.fillTemplate(template, {
                            userId: val.id,
                            hoverAction: val.musician ? "musician" : "fan",
                            avatar_url: context.JK.resolveAvatarUrl(val.photo_url),
                            userName: val.name,
                            location: val.location
                        });

                        $('#band-profile-social-followers').append(followerHtml);
                    });
                },
                error: app.ajaxError
            });
            context.JK.bindHoverEvents();
        }

        /****************** HISTORY TAB *****************/
        function renderHistory() {
            $('#band-profile-about').hide();
            $('#band-profile-history').show();
            $('#band-profile-members').hide();
            $('#band-profile-social').hide();

            $('.band-profile-nav a.active').removeClass('active');
            $('.band-profile-nav a.#band-profile-history-link').addClass('active');

            bindHistory();        
        }

        function bindHistory() {

        }

        /****************** BANDS TAB *****************/
        function renderMembers() {
            $('#band-profile-members').empty();

            $('#band-profile-about').hide();
            $('#band-profile-history').hide();
            $('#band-profile-members').show();
            $('#band-profile-social').hide();

            $('.band-profile-nav a.active').removeClass('active');
            $('.band-profile-nav a.#band-profile-members-link').addClass('active');

            bindMembers();
        }

        function bindMembers() {
            var url = "/api/bands/" + bandId + "/musicians";
            $.ajax({
                 type: "GET",
                 dataType: "json",
                 url: url,
                 async: false,
                 processData:false,
                 success: function(response) {
                     bindMusicians(response);
                 },
                 error: app.ajaxError
            });

            if (isMember) {
                bindPendingMembers();
            }
        }

        function bindPendingMembers() {
            var url = "/api/bands/" + bandId + "/musicians?pending=true";
            $.ajax({
                 type: "GET",
                 dataType: "json",
                 url: url,
                 async: false,
                 processData:false,
                 success: function(response) {
                    if (response && response.length > 0) {
                        $("#band-profile-members").append("<br/><br/><h2><b>Pending Band Invitations</b></h2>");
                        bindMusicians(response);
                    }
                 },
                 error: app.ajaxError
            });
        }

        function bindMusicians(musicians) {
            $.each(musicians, function(index, musician) {
                var instrumentLogoHtml = '';
                if ("instruments" in musician) {
                    for (var j=0; j < musician.instruments.length; j++) {
                        var instrument = musician.instruments[j];
                        var inst = '../assets/content/icon_instrument_default24.png';
                        if (instrument.instrument_id in instrument_logo_map) {
                            inst = instrument_logo_map[instrument.instrument_id];
                        }
                        instrumentLogoHtml += '<img src="' + inst + '" width="24" height="24" />&nbsp;';
                    }
                }

                 var template = $('#template-band-profile-members').html();
                 var memberHtml = context.JK.fillTemplate(template, {
                    userId: musician.id,
                    profile_url: "/client#/profile/" + musician.id,
                    avatar_url: context.JK.resolveAvatarUrl(musician.photo_url),
                    name: musician.name,
                    location: musician.location,
                    biography: musician.biography,
                    friend_count: musician.friend_count,
                    follower_count: musician.follower_count,
                    recording_count: musician.recording_count,
                    session_count: musician.session_count,
                    instruments: instrumentLogoHtml
                 });

                 $('#band-profile-members').append(memberHtml);

                 // wire up Follow button click handler
                 configureMemberFollowingButton(musician.is_following, musician.id);
                 configureRemoveMemberButton(musician.id);

                 // TODO: wire up Friend button click handler
                 // var friend = isFriend(musician.id);
                 // configureMemberFriendButton(friend, musician.id);
             });
        }

        function configureRemoveMemberButton(userId) {

            var $divMember = $('div[user-id=' + userId + ']', '#band-profile-members');
            var $btnRemoveMember = $divMember.find('#btn-remove-member');
            if (isMember) {
                $btnRemoveMember.show();
                $btnRemoveMember.unbind("click");
                $btnRemoveMember.click(function() {
                    rest.removeBandMember(bandId, userId)
                        .done(function() {
                            $divMember.remove();
                        })
                        .fail(app.ajaxError);

                    return false;
                });
            }
            else {
                $btnRemoveMember.hide();
            }
        }

        // checks if person viewing the profile is also a band member
        function determineMembership() {
            var url = "/api/bands/" + bandId + "/musicians";
            return $.ajax({
                 type: "GET",
                 dataType: "json",
                 url: url,
                 processData:false,
                 error: app.ajaxError
             })
              .done(function(response) {
                isMember = false;
                $.each(response, function(index, val) {
                  if (val.id === context.JK.currentUserId) {
                    isMember = true;
                  }
                });
              })
        }

        // events for main screen
        function events() {
            // wire up panel clicks
            $('#band-profile-about-link').unbind('click').click(renderAbout);
            $('#band-profile-history-link').unbind('click').click(renderHistory);
            $('#band-profile-members-link').unbind('click').click(renderMembers);
            $('#band-profile-social-link').unbind('click').click(renderSocial);

            $("#btn-edit-band-profile").unbind('click').click(function() {
                //$('div[layout-id="band/setup"] .hdn-band-id').val(bandId);
                context.location = "/client#/band/setup/" + bandId;
                return false;
            });
        }

        function initialize() {
            var screenBindings = {
                'beforeShow': beforeShow,
                'afterShow': afterShow
            };
            app.bindScreen('bandProfile', screenBindings);
        }


        this.initialize = initialize;
        this.beforeShow = beforeShow;
        this.afterShow = afterShow;
        return this;
    };

 })(window,jQuery);