The purpose of this page is allow members to view individual pics that are housed in all of the albums.


Requirements

This page displays when an album is selected in the pix area. To see this page the user must be logged in and the owner of the PHP must have an album created (which will be everybody since the mobile album cannot be removed from the system) with at least one pic in the album.

---

Buttons

1. Manage & Upload pics - takes the user to the pix management area- see that page for more details

Pic Scroller

1. Pic Scroller - displays thumbnails of the pictires in that comprise all of the albums in a "scrollable viewer" (actual interaction TBD)
2. Pics are ordered by date they were posted so newest are first
3. The scroller displays pic thumbnails in chunks of 10
4. Each pic has these attributes:
   1. order number - displays the order number of the pic along with the total number of pics available for viewing ie X of XX
   2. Selecting the pic thumb will display and replace the picture in the larger viewing space
   3. the user should be able to scroll left or right - 10 thumbs will display in the viewer - if the next button is selected the viewer will show the next 10 pics in the sequence - selecting the previous button in the scroller will display the previous 10 pics in the sequence
5. When an image is selected for viewing the thumb module gets highlighted in some way to show that the pic has been selected

Pic View

1. Large Pic - displays the largest size pic (400x300px) of the first pic of the album - no hyperlink
2. Edit button - takes the user to the pic editing function in the management area
3. Pic Name - displays the name of the selected pic
4. Rating - displays the average rating of the pic
5. Description - displays the untruncated description/caption associated with the picture
6. Albums - displays the album(s) the pics is associated with, the albums should be hyperlinked
7. Tags - lists all the tags associated with the pic
8. Embed URL - proprietary code that allows the content to be embedded in messages within the aPix network
   1. text field - has embed code pre-populated for the image that the apix system will recognize
   2. text field is not editable by the user
   3. copy button - selecting this will copy the embed code to the user's system clipboard, they can then paste the code into a message to another aPix member

Comments Module
The comments that should be displayed should be the comments associated with individual pics not the ones with the album/show

1. Comments Module Tiltle - title with number of comments in parens (##)
2. Delete Button - only visible to the owner, it allows the owner to delete the comment line item
3. Flag Button - only visible to the owner, it allows the owner to send the comments to the FM moderator for review of appropiateness and conduct
4. Comment Line Item
   1. If there are no comments then a message should show within the module that the user has no comments(actual messaging TBD)
   2. Pic - user defined image - if the user has not defined their pic then a placeholder/system image will be used instead to fill the space based on if they are male or female, also if the user changes their profile pic that change will be reflected here as well
      1. hyperlinked to the friend's PHP
   3. Membername - displays the membername of the user who left the comment hyperlinked to that user's PHP
   4. Post date - displays when the comment was posted in this format: wrote on mm/dd/yyyy @ 00:00 am or PM
   5. Comment - the comment from the user is displayed untruncated up to 240 characters
   6. New Label - displays an indicator in front of the membername if the comment is new since the owner last logged into the system
   7. 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
   8. Only 20 items will be displayed until a next button is added to the bottom of the list to see items 21-40, etc.- this number should be configurable however
5. Leaving Comments - owners are not allowed to comment on their own stuff so the commenting form is removed. See this page for commenting form.