HTML5 Redimensione o iframe de documento de nível superior de dentro de um iframe aninhado

O problema pode parecer difícil de entender, então vou ilustrar da melhor maneira possível.

Digamos que eu tenha o seguinte corpo index.html:

<iframe name="parent"></iframe>

E dentro doparent iframe, eu carrego o seguinte corpo da página:

<iframe name="nested-navigation"></iframe>
<iframe name="nested-parent"></iframe>

E dentronested-parent iframe, eu carrego outra página. Dentro desta outra página, eu preciso de alguma forma chegar aos documentos de nível superior (index.html)parent iframe, para que eu possa redimensionar a altura de seu conteúdo usando onested-parent Tamanho do conteúdo do iframe.

Eu corretamente redimensionar o index.htmlparent iframe a altura usando o conteúdo carregado do corpo das páginas aninhadas. No entanto, no próximo aninhamento, não consigo alcançar oindex.html contexto do documento e, portanto, não consigo obterparent elemento iframe.

Preciso de ajuda para descobrir como chegar ao index.htmlparent iframe. Como eu faria isso?

A página está online e os efeitos podem ser vistos aqui:

www.ngeneersinc.com

Se você clicar noProjects link de navegação, carregará corretamente a página e redimensionará oparent iframe. Infelizmente, quando você clica noNgen link de navegação dentro dessa página aninhada, o iframe de nível superior (index.html)parent) não é redimensionado e o conteúdo é cortado para qualquer altura definida na página anterior.

EDITAR:

Essencialmente, estou tentando fazer o seguinte na minha função de javascript:

var e = document.getElementById("nested-parent").contentWindow; // which is OK
var x = e.contentWindow; // which is 'undefined' because I lost the context of the index.html document

questionAnswers(1)

yourAnswerToTheQuestion