I googled like crazy for an answer to my problem or something similar but couldn't find anything that would help, so gonna try it here.
What am I trying to do?
The website i'm creating will be using multiple a tab navigation on the top of the page. Each tab will show content for a specific group of people, ie. men or women. Each tab will show a different menu with pages in it, this is working if i assign pages to the corresponding tab page. Now the problem i'm having is with the pages that I want to show in all of the tabs. I want the selected tab to stay highlighted, and the corresponding menu to stay when going to a page that doesn't have the corresponding tab as a parent (since it must be available to the other tabs too).
What have I tried?
I have tried to check if the page has a parent, if so then select that tab. If the page does not have a parent use the previous parent and select that tab. This way the tab should stay highlighted even though the page doesn't have a specific parent.
What I don't want?
I don't want to make different versions of each page for each tab available. This way I would have to edit the same thing multiple times for each copy of the page.
What would be the best way to get the result i'm looking for?
I hope this is clear enough, and I hope someone can help me with this.
Thanks in advance!
ps. If you need more information let me know and ill update the question.
Here are some screens of the problem, first screen shows a working tab with the correct navigation shown (parent: the top-level parent of the page shown, wich determines the navigation shown in the bar).
The second screen shows a page without a parent (thus available to multiple tabs). This also shows and empty navigation bar (except from the page itself).