Nested multi level navigation with coldbox

Our site currently implements Iframes to allow our menus to persist and remove the necessity to reload the main menu structure.
However there are some issues with using iframes.

  • Makes it difficult to have interaction between the iframes.
  • CSS, JS are all loaded multiple times… and individual pages can have inconsistent JS versions (jquery etc)
    There are more issues but they are not coming to mind at the moment.

We have been asked to implement a new design on our site and so have decided to stop using Iframes for the new release.

The new navigation structure will look like the image added below.

The plan would be to have a “Main Section” container element which would contain all the HEAD and include all the JS/CSS dependancies.
This element would also contain the main menu navigation which would somehow “load” content into the “sub section” container.
The sub section would not contain any HEAD and just HTML elements which depend upon the parent container HEAD JS/CSS.
This sub section would also have its own sub menu which would finally load the content (reports, admin pages etc) into the main PAGE content element.

I suppose my question is that does this seem like a sensible solution in relation to the coldbox framework.
Also… are there any negative points to this approach you guys can think of?

Thanks very much for taking the time to look at my post.