hi everyone.

I'm a newbie to jquery.

been experimenting and working on a method of using a dropdown menu to dynamically create tabs and paginate them (no need for the tabs to create a new line as seen on the default jQuery tabs plugin) but have run into a few problems which i'm not sure how to resolve. for each difficulty i have included screen shot as a visual aid.

here is the interface its rather simple but in the future the data used within it will be dynamic.

now here are the problems i am currently facing development-wise due to a lack of skill.

1) the title of the tab is selected from a dropdown but i'm not sure how to set individual content for each tab created. right now each tab created is empty as seen below. 

2) i would also like to prevent the duplication of tabs. each option on the dropdown can be selected an infinite number of times. 

3) lastly i hope to move the remove button alongside each tab (floated to the right) as seen on google chrome/firefox tabs. 

4) i am also trying to create an option to disable the default tab from being closed (tab 1)

i would appreciate any help with this. thanking you in advance! here is the code below. it can be copied and pasted as is for viewing as all dependencies are currently stored in remote web locations!