Iframe met interactie naar "basis" pagina

[Thomqa]

Beste Helpmij-ers,
Ik ben bezig met een site waarbij ik een soort popup div element wil.
Ik heb dat in een appart bestand gemaakt:

<div id="trailer">
	<img width="42px" onclick="trailer_close()" id="close" src="close.png">
	<div id="video">
	<iframe id="trailer" width="980" height="528" src="http://www.youtube.com/embed/4K39UWxdm0U?rel=0" frameborder="0" allowfullscreen></iframe>
</div>

<input type="button" onclick="trailer_show()" name="trailer" value="trailer"/>

  function trailer_show()
  {
  document.getElementById("trailer").style.display="block";
  }
  function trailer_close()
  {
  document.getElementById("trailer").style.display="none";
  }

div#trailer {
position:fixed;
width:980px;
padding:14px;
padding-top:0px;
left:50%;
margin-left:-504px;
top:50%;
margin-top:-288px;
background-color:black;
border-style:outset;
border-width:6px;
border-color:grey;
z-index:10;
display:none;
}
/* div#trailer.height=576px */
div.parentcontainer {
position:relative;
}
img#close {
float:right;
margin-right:20px;
position:relative;
bottom:25px;
cursor:pointer;
}
iframe#trailer {
margin-top:-25px;
display:none;
}

zoals je ziet word dat div element mooi in het midden van het scherm gefixed.
Nu wil ik dit toevoegen aan de rest van mijn site, maar daar werk ik met één Iframe, de knop moet in de Iframe maar de div moet op het hele scherm verschijnen (dus gewoon op de site worden uitgevoerd en niet in de Iframe).
Maar ik weet niet hoe ik dat voor elkaar moet krijgen

Alvast bedankt,
Thomqa

EDIT: herbeschrijving:
Er zit een knop in de Iframe die een script moet uitvoeren en dat script moet een div laten verschijnen buiten de Iframe.