JavaScript: resizable panels inside grid layout

[Mac5]

Hello everyone,

for a website I would like to have a view where the user can resize the panels inside according to a predetermined grid pattern. To make things a bit clearer, here is some sample pictures illustrating the idea:

Suppose the view has 1 panel (red) inside the grid layout (consider only fat lines):
http://i46.tinypic.com/mkyx06.jpg

the user should be able, beside moving the panel around the view, also to resize it according to the underlying grid modular pattern. For example be able to resize the panel as follow:

http://i49.tinypic.com/2emjvv8.png
http://i49.tinypic.com/opvf5e.png

but not to resize the panel out of the grid modular pattern, so this should not be allowed:

http://i46.tinypic.com/2cxyrg9.png

Does anyone know any JavaScript library/plugin which would enable to implement this?

Thank you for your help.

Greetings

[toicontien]

Try looking into UI frameworks like EXT JS, or Ample SDK. Looking up "javascript ui framework" on Google should give you plenty of results.