I know there are existing libraries and plugins for making tabs scroll in jquery, but none of these give me the functionality I need.
Basically, here's what I need: when you create too many tabs to fit on a screen, you get a scrolling mechanism that lets you navigate through the tabs.
I've attached the HTML and Jquery code that I want you to base your solution on ([login to view URL]), as well as my "add a tab" image. (I am not attaching jquery or jquery ui or jquery ui css as I'm assuming you have those.)
I'm also attaching 9 screenshots that tell the EXACT story of what I want. See [login to view URL] for what each screenshot means.
Let me just add - I'm not looking for a copy-and-paste solution found elsewhere that doesn't match or integrate well with my current design/structure. Please code this scrolling action from within my existing [login to view URL] page. Feel free to modify jquery ui css or require an additional css file.
Will pay a bonus for speed. I need this ASAP, and will be monitoring bids live so I can get this project going today.