Advanced jQuery (UI) project

Let me try to explain this project as good as possible. A page needs to be created that fetches objects with relations via AJAX and displays this. An example what I mean can be found here: [login to view URL] (you may use this JS, but not mandatory if you have a better solution). Every box shows an image and below the image a title. When the user hovers over the image (object) on all four sides a box will appear with the text "New". This is used to create a new object on that side. When the link new is clicked a modal (like twitter bootstrap modal) is opened. In this new view a form is shown where a the new object info can be filled in. After saving the main window needs to refresh so it shows the newly entered object with the correct relation. When a user double clicks on an object the same modal needs to open, now to edit the current object. It must be possible to drag/drop relations. When this is done an AJAX event must be done so I can save this in the database. When a single click is done on an object this will be the new center of the screen and via ajax the new relations and object from the current active object will be loaded. The main window is updated with this info. I will create the endpoints for the AJAX calls. We need to discuss what info and in what format is needed.