The purpose of this page is allow members to manage their network of friends on APix. The manage friends area is accessible from selecting the manage pages button/link on the owner's subnav and then selecting "Friends" from the manage pages menu or by selecting the My Friends Tab then select the manage my friends link which will take the user directly to the manage friends area of the manage pages section. From within the manage friends area owners can view their friends network, send messages, block/unblock users, send invitations, and remove users. Each one of these use features will be detailed more thoroughly in subsequent sections.

Requirements

The manage friends menu item defaults to displaying active members. Active members will never be removed from this section unless initiated by the user. To view their friends in this way the user must be logged in, otherwise, the user may view their friends by selecting the My Friends tab.

---

Navigation
There is a set of controls that will be available to the user to help them manage their network of friends.

1. Done, go to my start page - Takes the user to the user's "home" page
2. Nav Box Links (Generally) - Links to other management sections
   1. If the link is bold with a number after it then that indicates there are new actions for the user to manage
      1. Active (##)
         1. ## equals the number of friends in the user's network - this number never changes based on newness it only changes when a new friend is added
         2. Only bold the nav line if there are new updates from network friends - newness is any new UGC added within the last 72 hours
      2. Bookmarked (##)
         1. ## equals the number of friends bookmarked in the aPix mobile client since last visit to the web
         2. Only bold the nav line if there are new bookmarks made in the mobile client since the user was last logged into the web
      3. Pending (##)
         1. ## equals the number of replies to pending friend invitations
         2. Only bold the nav line if there is a new response since the user's last visit to the web
      4. Blocked (##)
         1. ## equals the number of users blocked by the owner - the number changes based on additions or subtractions (unblocking a user)
         2. there is no boldness needed here
      5. Invite - initiates the invitation process
   2. Status of all friends in the network should be checked on new page reload or on page refresh initiated by the user on their browser
3. Tabs - the tabs reflect the same information and are linked to the same place as the links in the navigation box

---

Supporting Controls
There is a set of controls that will be available to the user to help them manage their friends.

1. Select - Actions only apply to items displayed on the page currently. Select actions may be stacked upon one another so it is feasable that the user could select the online then all for instance to check those items on
   1. All - adds a checkmark to all messages. The checkbox is located in the first column of every row. This checkbox is unchecked by default.
   2. None - Any checked rows will become unchecked
   3. Online - Checks all users who are marked as online
2. Checked Actions - once a line item is checked on an action may be applied to it
   1. Send Message - Adds checked user(s) to a new message composition
   2. Delete - removes all checked items. doing this refreshes the page and line items from the next set of 20 messages will be used to fill in the gaps. So the remaining items on the display page collapse and the next set of messages fill in after the collapse to make 20 max on a page.
   3. Block - blocks a user from sending any correspondence, when a user is blocked they are removed from this page and then added to the blocked friends list/tab.
3. Sorting - friends may be sorted using the column links at the top of the messages list on each page. Sorting cannot be stacked so there is no boolean functions like seeing only females from ordering membernames Z-A, sorting works on the whole pool of messages not just the messages displayed on the current page. The sort is defaulted to newest friends first
   1. Membername - sorts alphabetically - click once sorts membername A-Z, click again without selecting another sort link then the sort goes membernames Z-A
   2. Location - sorts alphabetically based on state - click once A-Z, click again Z-A
   3. Gender - sorts based on male or female and membername - click once females are on top with membername A-Z followed by males with membername A-Z, click again males are on top with membername A-Z followed by females with membername A-Z
   4. Friend Since - If this is the first sort link to be selected after page load then the order switches from newest to oldest to oldest to newest. Select the link again and the order goes back to newest to oldest. If there are more than one friend added on the same date then membername A-Z is taken into consideration.
      1. Sort Icon - Since this column is the default column for sorting it also has a sorting indicator icon at the top of the column. The order is newest to oldest but if the column is selected again the sort would be oldest to newest and the icon would be flipped to indicate the change. If a different cloumn is selected then that column would receive the icon while being removed from its current column
   5. Online - indicates whether or not the user is logged into aPix at the moment
   6. Updates - indicates whther or not the user has added content to their site within the last 72 hours
   7. Actions
      1. Send Message - initiates a compose message to that user only
      2. Block - blocks that user only and removes the user from the screen and adds the profile to the blocked user section

---

Message Display

General
1. If the active friends tab is empty then the "manage friends" link should default to the invite tab rather than the active tab
2. Active friends are displayed with the newest first - so by column date
3. There are 20 friends displayed per a page before pagination begins
1. There should be an indicator of what chunck of 20 is being viewed and of how many ie 1-20 of 130
2. There should also be a way to traverse ahead or back with next and previous buttons to go back and forwared a page and also allow user's to skip to any page with a page link indicator button ie < Previous | 1 | 2 | 3 | 4 | 5 | Next >
4. Each line item has these components
   1. Checkbox - used for giving the message an action (see above)
   2. Profile Pic of friend - links to user's page and has the profile rollover balloon
      1. When a user rolls over and holds over a profile pic for .75 seconds there is a balloon pop-up that appears. In the balloon is a snippet of the pic owner's profile information. The balloon includes: a profile pic, profile name, an indicator as to whether or not the member is online, age, gender, location, relationship status, a truncated profile description, a link to the user's profile page, and a link to send a message to that person. The profile pic as well as the membername are linked to the poster's profile page. The send a message link goes to the sender's message center with the poster's info already populated in the "To" box. See the message center for more information.
   3. Membername - displays the friend's membername - links to user's page and has the profile rollover balloon
   4. Location - displays the user's city and state
   5. Gender - displays user's gender
   6. Friend Since - displays the date of when the friend acceptance happened
   7. Online - displays a mark if the user is currently online
   8. Updates - displays a mark if the user has added content within the last 72 hours
   9. Actions
   1. Send Message - initiates a compose message to that user only
   2. Block - blocks that user only and removes the user from the screen and adds the profile to the blocked user sectio
5. When a friend row is rolled over by the user the whole row highlights with a color (HEX and function TBD but for now use the demoed color and fade)
6. The whole row should be selectable so if the mouse is highlighting a row even though it is not over a text link the onclick should take the user to that member's homepage.
7. A line item's text becomes bolded when the user has new updates and the owner has not clicked on that users profile page or line item since the owner's last vist to the site

---

Promotional Space
Used to promote whatever the content and marketing teams want.