Dynamically-generated Videos Page on Existing Wordpress Blog -- 2

Page Features: At the bottom of the video pages include: “Showing 1 - 7 of X” (where “X” = Number of blog posts with the “videos” tag) Have this stylized to match the page style (the below image is an example from a different website.). When they go to page 2, they have “Showing 8 - 17 of X” and so on. Page 1 should be the only page that ever has 7 videos. The rest of the pages should not have a “featured video” taking up the top row. Instead they should be laid out with 9 videos, 3 x 3 in standard formatting. Top Nav: The top nav pushes the other content down, it does not overlap the content. The top nav can be toggled on and off by clicking on the tab header “videos.” It can also be closed by hitting the X in the top right corner Include an “expand and collapse” animation when toggled on and off. The nav is filled with thumbnails to the different blog pages There are arrows to the right and to the left of the thumbnails, these let you scroll through the posts one by one. The content should manually be placed in the top nav, in whatever order we want. They do not dynamically update. The header reads “How to Use SpyFu” Each of these top nav thumbnails leads to a blog page that has a playlist embedded eg: [login to view URL] The individual thumbnails will be taken from the wordpress’ “featured image” (exactly how it works with normal /videos thumbnails)The description underneath the thumbnail should be taken from the title of the article Other resources tabs: The top nav should be located on the other [login to view URL] tabs also The default position for every tab is closed (or collapsed). But if they click on the tab (when the tab is already open) is it opens the Top Nav. When toggled to expand, the top nav pushes the other content down, it does not overlap the content. These tabs should be empty slates to be filled in at a future date