The purpose of this page is allow members to mange their pictures, albums, and slideshows.


Requirements

The pic gallery defaults to displaying the newest albums first then the newest pictures in the gallery. To use the this area the user must be logged in and be the persobnal home page (PHP) owner of the user generated content (UGC).

---

Menu Item
The "Pix" label is shown as ON in the left side navigation box.

Tabs
There are three areas/tabs associated with the Pix menu item. The first tab defaulted ON is Pix.

1. Pix - has the number of pictures the owner has posted - this tab is defaulted on
2. Mobile Settings - houses information on how to send a pic from their phone to their gallery

These same three tab labels also show under the Blog button/link in the left side navigation box.

---

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

1. Instruction - information on how to manage their gallery - actual copy TBD
2. Create New Album Button - takes the user to this page
3. Upload new pic - opens a the upload pic mechanism - addind the new pic will make it the first item in the list

---

Pix Display

1. If the gallery is empty a message should disply where the line items normally would be that says something like, "You have no pictures at this time."
   1. If a user already has pics on their mobile and is using the online service for the first time, those pics are populated here
2. Pictures are displayed with the newest first - and populated left to right
3. There are 12 pictures displayed before pagination begins
1. There should be an indicator of what chunck of 12 is being viewed and of how many ie 1-12 of 65
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 item has these components
   1. Delete box - used to delete pic in real-time
      1. If a pic is removed then the pics following the deleted pic will move ahead a space to fill in the gap and the next pic in line from the next set of pics will be added to the tail end
   2. Pic - display thumb of pic - links to edit picture page
   3. If Flagged as Inappropriate - after three times of being flagged as inappropriate an image is removed from public view and sent to FM staff for review. The owner will know if their Pic has been flagged by these parameters:
      1. Status - icon appears if the message has been flagged as inappropriate
      2. A red box or some visual indicator (actual design TBD) will alert the owner to the review
5. When a picture module is rolled over by the user the whole area highlights with a color (HEX and function TBD but for now use the demoed color and fade)
6. The whole module should be selectable so if the mouse is highlighting the area, a mouse click will take the user to the edit picture page
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 picture's information. The balloon includes: the pic, the pic's name, the pic's star rating, , a truncated profile description, how many comments the pic has and if there are new comments since the owner's last visit (new comment indicator next to text), a link to edit the pic, and a link to delete the pic.