Q:

Jquery.cookies help needs

Totally newbie for the jQuery.cookies here.
So basically I got a site with a sub menu like below:
Main Site
- Sub Page 01
   --Zone 1
   --Zone 2
   --Zone 3
   --Zone 4
   --Zone 5

--Sub Page 02
--Sub Page 03
--Sub Page 04
All the page have the same contents, but different heading banner and text on top of the zone pages, and what I really need to do is:

when visiter landed on the main page, it will show the main page heading, if the visiter click through Sub Page 02, 03, 04, the same heading image and text remain the same;
when the visiter click to a zone, for example zone 1, the heading image and text will change to the zone 1 images and text, and from there if the visiter go to sub page 02, 03, 04, the heading image and text will remain the same which is the zone 1 heading image and text;
Same as if the visiter go to Zone 2, 3 and 4, and the heading image and text will stats with what zone they clicked first and remains the same until they click another zone.

So what my question is, can this to be done by using jQuery.cookies? and how exactly done? If not is there any other way to make this happen?
Thanks guys it will be really helpful is someone can give me a direction.
Cheers

A:

Well, unaware of the exact CMS you are using here, so I will jot down a basic approach that I would have followed. 
Assuming your main page is like a landing page, then use a different layout for it. For the rest of the zones and sub-pages one could follow the below steps. (Although I do not know how well your CMS handles it).
If your Sub-pages are under the namespace of the zones then you could use a particular layout per namespace and render the contents of the subpages in that layout. This could ensure that whatever the subpage content it the header comes from the zone that you are in. There might be many other ways to do it, I guess if the routing of actions etc is handled by the CMS then you are better off finding a way to do it with options they provide as jonathan.dh said in his comment.

