The purpose of this page is allow members to view an individual album as a slideshow or group of pics (slideshow is on by default).


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.

---

Tabs

1. Albums & Shows - displays this page when clicked - defaulted on
2. All Pics - displays all the pictures that have been added to all of the albums - the pictures must be set to public or friends in order to display

Album Buttons

1. All Albums - takes the user to the albums list
2. Previous link displays the album that is before the album being viewed if one were looking at the album list, this link/button will be dimmed/inactive if the user has selected the absolute newest or first album entry to view
3. Next link displays the album that is after the album being viewed if one were looking at the album list, this link/button will be dimmed/inactive if the user has selected the very last or oldest album to view.

Albums Display

1. Title - taken form the name field of the album creation form - hyperlinked to view album
   1. New Indicator - displays if there has been any changes made to the album with the last 48 hours
2. Rating - displays the average rating the album has received, if the album has not received a rating but the individual pics inside the album have then the average sum of those ratings will be used for the album rating
   1. Users may rate the album by selecting the link (UI and requirements on rating TBD)
3. Post date - displays when the album/show was originally posted using this format: mm/dd/yyyy
4. Caption/Description - Descriptions are shown the max characters (240 max) - no truncation

Slideshow

1. View as
   1. Slideshow - Slideshow is canned and defaulted on
      1. auto start
      2. 3 second pause between transitions
      3. 1 second transition - fade out visible pic while fading in next pic
   2. Pics - displays all of the pics in the show as thumbs
2. # of pics in album - displays the number of pics that are in the album plus the title of the pic being shown - the prefix number and the titke change dynamically depending on what pic is being shown
3. Album Pic - displays the largest size pic (400x300px) of the first pic of the album - no hyperlink
4. Controls
   1. Play/Pause - When playing the pause button is shown, if clicked the show stops playing, if paused the button changes to a play button, if the play button is selected the show resumes play
   2. Next pic - when selected the next pic is displayed and play resumes automatically - if the next pic is the last to display for example 5 of 5 then the show starts over, also the next button remains enabled
   3. Previous Pic - when selected the previous pic displayed will be displayed again - play resumes normally - if the pic displayed is 1 of X then the previous button becomes disabled
   4. Skip to end - when selected the last pic is displayed and play resumes automatically - if no other button is selected within the 3 second pause then the show starts over, this button becomes disabled when resting on the last pic
   5. Skip to beginning - when selected the first pic is displayed and play resumes automatically - this button becomes disabled when resting on the first pic
5. Tags - displays all of the tags associated with the album
   1. If the user has allowed others to tag their content then the tag butoon will be operational
      1. selecting the tag button will open a balloon that has a text area box and a submit button for the user to enter some keywords
      2. On sumbit the balloon closes and the tags are immediately displayed under the tags heading
6. 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 the album/show not the individual pics being displayed

1. Comments Module Tiltle - title with number of comments in parens (##)
2. 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
3. Leaving Comments
   1. Text area - required to have some text at submit
   2. 240 characters max
   3. Below the text area is a counter that keeps track of how many characters have been entered by telling the user how many they have left to use
      1. If the user has exhausted their character count the box will not accept the txt and an alert sound should be played
   4. Submit button - throws an error below the submit button if no text was entered but the submit button was selected - actual error text TBD
      1. if successful a message displays that the comment has been added and the comment is added to the bottom of the comment list
   5. This module is not displayed if the UGC owner has turned off commenting