Seat map creator, seat selector and json generator

Need a javascript based layout creation system that allows me to create the map of a bus. The system will create a grid of a certain number of rows and columns that the user specifies. This grid will act as form to accept entries for each cell. Each cell should allow multiple entries both as text boxes and dropdowns. In addtion to these entries an automated seat number starting from 1 to the total number of modified cells should be assigned automatically. User should be able to span two or more cells both vertically and horizontally if required. The complete set of selected cells should be grouped against that entry. On submission, the system should capture the data and provide it to our application using the post method. Screen shots of a sample application have been attached. We also require a seat map generator which will create a seat selector based on the seat map created by the form above. The map will work the way it works in typical bus ticketing websites. Refer [login to view URL] / [login to view URL] / [login to view URL] Thirdly we need a json generator which will offer this seat map in an API format to online ticketing agents.