Navigation bar when an user is not logged in. Notice the LOGIN dropdown and REGISTER items to the far right on the navigation bar.

Navigation bar when an user is logged in. Notice the LOGOUT item to the far right. If a user has created at least one playlist, the PLAYLIST dropdown item will appear on the navigation bar.

When an item is selected on the navigation bar, the page will scroll down to the video thumbnails in that area of the current page. The scroll action will occur for all items on the navigation bar accecpt for dropdown items, REGISTER and LOGOUT.

When the LOGIN drowdown item on the navigation bar is selected, a form will appear for an user to enter their email address and password. Notice the REGISTER button.

When the FIND A VIDEO drowdown item on the navigation bar is selected, a form with a select box will request the user to select a genre. Notice the FIND button is disabled.

When the user selects a genre, the FIND button becomes enabled. In addition, a new select box will appear and request the user to select an artist within that genre.

The user will have the option of finding videos within that genre by clicking on the FIND button without selecting a artist. If that is the case, the user will be taken to a new screen with a thumbnail list of videos within the genre (upto 40 thumbnails).

Notice the navigation bar items has changed. Now you have new items to choose from which in this case is RAP / HIP-HOP and RECOMMENDED. As with the other items on navigation bar, as explained in the NAVIGATION BAR section, selecting on those items will scroll the screen to that area of the page.

When the user selects a genre and do not click the FIND button, they will have the option of selecting an artists within that genre. When the user selects an artist a new select box will appear and request the user to select a song by that artist.

The user will have the option of finding videos by that artist by clicking on the FIND button without selecting a song. If that is the case, the user will be taken to a new screen with a thumbnail list of videos by the artist (upto 36 thumbnails).

Notice the navigation bar items has changed.

When the user selects a artist and do not click the FIND button, they will have the option of selecting a song by the artist or a song the artist is featured on with another artist. When the user selects a song and clicks the FIND button, the video for that song will start to play.

When the user decides to play a video there are several things to be aware of while the video is playing. Below the video you will see the number of current views of the video. They will also see several icons as well.

Those icons are , and PLAYLIST . The first icon is a hammer to represent the video as a SMASH HIT (Like). The second is to represent TRASH IT (Don't Like). The last icon is to add the song to a playlist.

The name of the artist, the song title and the video icon will be present. Lastly, the user will see a thumbnail list of additional videos of the artist currently being played.

Notice the navigation bar.

A logged in user will have the option of adding a video to a playlist. When the user clicks on the PLAYLIST  icon below the video a form will appear.

The user can add the video to any current playlist that was created previously or they have the option of create a new playlist.

To create a new playlist, the user can click on  ADD NEW PLAYLIST which display a input box to allow the user to enter a new playlist name.

If the user has at least one playlist created PLAYLISTS dropdown item will appear on the navigation bar.

When the user selects the PLAYLISTS dropdown, a form will appear with a select box containing all of the playlists the user created. In addition, the buttons VIEW, MANAGE and PLAY ALL.

When the user clicks on the VIEW button, a thumbnail list of all the videos in the playlist selected will appear on a new screen. When the user clicks on the MANAGE button a dialog will appear to all allow the user to manipulate all of the playlists they created. When the user clicks on the PLAY ALL button, the first video in the playlist will start playing. The remaining videos in the playlist will play one after the other continously.

Notice the navigation bar, MANAGE and PLAY ALL buttons. The MANAGE and PLAY ALL buttons will have the same actions mentioned above when they are clicked.

When the user decides to play a video from a playlist couple of things occur on the page.

The first is the following arrows, will appear on each side of PLAYLIST  icon in the following fashion: PLAYLIST . The arrows will give the user the ability to play the next or previous video in the current playlist.

The other thing that will occur on the page is in the case the user scroll down to the thumbnail list of videos in their playlist while a video is playing. The current video that is playing will be highlighted with text and at the top the text PLAYING NOW.

Notice the navigation bar.

When the user clicks on the MANAGE button from the PLAYLIST dropdown on the navigation bar or on the playlist view page, the dialog below will appear. It has multiple functionalities such as deleting and/or adding videos to a playlist, creating a new playlist, playing one or all videos from a playlist and previewing videos.

When the user clicks on the PREVIEW button after they have selected a video, a dialog will appear with the video they selected playing. The user can close the preview dialog at anytime while the video is playing.