// Die Ebenen (ohne Inhalt) werden erzeugt.
// IE und Firefox benötigen verschiedene position-Angaben: absolute; bzw. fixed;
function init() {
	if (ie4up) {
				document.write ( '<div id="menue1" style="position:absolute;"></div>' );
				document.write ( '<div id="menue2" style="position:absolute;"></div>' );
				document.write ( '<div id="menue3" style="position:absolute;"></div>' );
				document.write ( '<div id="menue4" style="position:absolute;"></div>' );
				document.write ( '<div id="menue5" style="position:absolute;"></div>' );
				document.write ( '<div id="unsichtbar" onmouseover="alleweg();" style="position:absolute;"></div>' );
				}
	if (ns6)   {
				document.write ( '<div id="menue1" style="position:fixed;"></div>' );
				document.write ( '<div id="menue2" style="position:fixed;"></div>' );
				document.write ( '<div id="menue3" style="position:fixed;"></div>' );
				document.write ( '<div id="menue4" style="position:fixed;"></div>' );
				document.write ( '<div id="menue5" style="position:fixed;"></div>' );
				document.write ( '<div id="unsichtbar" onmouseover="alleweg();" style="position:fixed;"></div>' );
				}
}

// Der Inhalt der Ebenen wird kreiert.
function erzeugen () {
	var erstesMenue = '<a href="/company/ormecon.html" target="middle" class="auntermenue" onClick="alleweg();" onFocus="this.blur();">Organic Nanometal history and development</a><br>';
		erstesMenue += '<a href="/company/china.html" target="middle" class="auntermenue" onClick="alleweg();" onFocus="this.blur();">Ormecon China</a><br>';
	
	var zweitesMenue = '<a href="/products/products.html" target="middle" class="auntermenue" onClick="alleweg();" onFocus="this.blur();">Products</a><br>';
		zweitesMenue += '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="/products/productinformation.html" target="middle" class="auntermenue" onClick="alleweg();" onFocus="this.blur();">Product Information</a><br>';
		zweitesMenue += '<hr noshade width="235" size="1" align="left">';
		zweitesMenue += '<a href="/products/pcb/pcb.html" target="middle" class="auntermenue" onClick="alleweg();" onFocus="this.blur();">PCB Surface Finishes</a><br>';
		zweitesMenue += '<hr noshade width="235" size="1" align="left">';
		zweitesMenue += '<a href="/products/el/el.html" target="middle" class="auntermenue" onClick="alleweg();" onFocus="this.blur();">Electroluminescence</a><br>';
		zweitesMenue += '<hr noshade width="235" size="1" align="left">';
		zweitesMenue += '<a href="/products/dispersions/dispersions.html" target="middle" class="auntermenue" onClick="alleweg();" onFocus="this.blur();">Dispersions</a><br>';
		zweitesMenue += '<hr noshade width="235" size="1" align="left">';
		zweitesMenue += '<a href="/products/conductive/conductive.html" target="middle" class="auntermenue" onClick="alleweg();" onFocus="this.blur();">Conductive Coatings</a><br>';
		zweitesMenue += '<hr noshade width="235" size="1" align="left">';
		zweitesMenue += '<a href="/products/corrosion/corrosion.html" target="middle" class="auntermenue" onClick="alleweg();" onFocus="this.blur();">Corrosion Protection</a><br>';
		
	var drittesMenue = '<a href="/technology/introduction/introduction.html" target="middle" class="auntermenue" onClick="alleweg();" onFocus="this.blur();">Introduction</a><br>';
		drittesMenue += '<hr noshade width="220" size="1" align="left">';
		drittesMenue += '<a href="/technology/techandscience/techandscience.html" target="middle" class="auntermenue" onClick="alleweg();" onFocus="this.blur();">Technology and Science Publications</a><br>';
		drittesMenue += '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="/technology/techandscience/recentpublications/recent.html" target="middle" class="auntermenue" onClick="alleweg();" onFocus="this.blur();">Recent Publications</a><br>';
		drittesMenue += '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="/technology/techandscience/publicationlist/list.html" target="middle" class="auntermenue" onClick="alleweg();" onFocus="this.blur();">Publication List</a><br>';
		drittesMenue += '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="/technology/techandscience/patentlist/list.html" target="middle" class="auntermenue" onClick="alleweg();" onFocus="this.blur();">Patent List</a><br>';
		drittesMenue += '<hr noshade width="220" size="1" align="left">';
		drittesMenue += '<a href="/technology/scienceserver/server.html" target="middle" class="auntermenue" onClick="alleweg();" onFocus="this.blur();">Publications/News until 2003</a><br>';

	var viertesMenue = '<a href="/news/year11.html" target="middle" class="auntermenue" onClick="alleweg();" onFocus="this.blur();">2011</a><br>';	
	    viertesMenue += '<a href="/news/year10.html" target="middle" class="auntermenue" onClick="alleweg();" onFocus="this.blur();">2010</a><br>';
		viertesMenue += '<a href="/news/year09.html" target="middle" class="auntermenue" onClick="alleweg();" onFocus="this.blur();">2009</a><br>';
		viertesMenue += '<a href="/news/year08.html" target="middle" class="auntermenue" onClick="alleweg();" onFocus="this.blur();">2008</a><br>';
		viertesMenue += '<a href="/news/year07.html" target="middle" class="auntermenue" onClick="alleweg();" onFocus="this.blur();">2007</a><br>';
		viertesMenue += '<a href="/news/year06.html" target="middle" class="auntermenue" onClick="alleweg();" onFocus="this.blur();">2006</a><br>';
		viertesMenue += '<a href="/news/year05.html" target="middle" class="auntermenue" onClick="alleweg();" onFocus="this.blur();">2005</a><br>';
		viertesMenue += '<a href="/news/year04.html" target="middle" class="auntermenue" onClick="alleweg();" onFocus="this.blur();">2004</a>';


	var fuenftesMenue = '<a href="/contact/contact.html" target="middle" class="auntermenue" onClick="alleweg();" onFocus="this.blur();">Contact</a>';


// Der erstellte Inhalt	wird in die Ebenen geschrieben.
	if (ie4up) { 
				menue1.innerHTML = erstesMenue;
				menue2.innerHTML = zweitesMenue;
				menue3.innerHTML = drittesMenue;
				menue4.innerHTML = viertesMenue;
				menue5.innerHTML = fuenftesMenue;
				}
	if (ns6) { 
			document.getElementById('menue1').innerHTML = erstesMenue;
			document.getElementById('menue2').innerHTML = zweitesMenue;
			document.getElementById('menue3').innerHTML = drittesMenue;
			document.getElementById('menue4').innerHTML = viertesMenue;
			document.getElementById('menue5').innerHTML = fuenftesMenue;
			}
}

// Das Auf- bzw. Zuklappen beim MouseOver.
// Um immer den oberen Rand zu finden, auch wenn auf der Seite schon gescrollt wurde, 
// brauchen IE und Firefox verschiedene Angaben.
function company() {
	alleweg();
	parent.above.document.getElementById('menuepunkt1').style.color = '#0c0';
	if (ie4up)	{
				menue1.style.pixelTop = document.body.scrollTop;
				unsichtbar.style.pixelTop = document.body.scrollTop;
				}
	if (ns6)   {
				document.getElementById("menue1").style.top = '0';
				document.getElementById("unsichtbar").style.top = '0';
				}
}

function products() {
	alleweg();
	parent.above.document.getElementById('menuepunkt2').style.color = '#0c0';
	if (ie4up)	{
				menue2.style.pixelTop=document.body.scrollTop; 
				unsichtbar.style.pixelTop=document.body.scrollTop;
				}
	if (ns6)   {
				document.getElementById("menue2").style.top='0';
				document.getElementById("unsichtbar").style.top='0';
				}
}

function technology() {
	alleweg();
	parent.above.document.getElementById('menuepunkt3').style.color = '#0c0';
	if (ie4up)	{
				menue3.style.pixelTop=document.body.scrollTop; 
				unsichtbar.style.pixelTop=document.body.scrollTop;
				}
	if (ns6)   {
				document.getElementById("menue3").style.top='0';
				document.getElementById("unsichtbar").style.top='0';
				}
}

function news() {
	alleweg();
	parent.above.document.getElementById('menuepunkt4').style.color = '#0c0';
	if (ie4up)	{
				menue4.style.pixelTop=document.body.scrollTop; 
				unsichtbar.style.pixelTop=document.body.scrollTop;
				}
	if (ns6)   {
				document.getElementById("menue4").style.top='0';
				document.getElementById("unsichtbar").style.top='0';
				}
}

function contact() {
	alleweg();
	parent.above.document.getElementById('menuepunkt5').style.color = '#0c0';
	if (ie4up)	{
				menue5.style.pixelTop=document.body.scrollTop; 
				unsichtbar.style.pixelTop=document.body.scrollTop;
				}
	if (ns6)   {
				document.getElementById("menue5").style.top='0';
				document.getElementById("unsichtbar").style.top='0';
				}
}

function alleweg() {
	if (ie4up) 	{
				menue1.style.pixelTop='-400';
				menue2.style.pixelTop='-400';
				menue3.style.pixelTop='-400';
				menue4.style.pixelTop='-400';
				menue5.style.pixelTop='-400';
				unsichtbar.style.pixelTop='-500';
                }
	if (ns6) 	{
				document.getElementById("menue1").style.top='-400px';
				document.getElementById("menue2").style.top='-400px';
				document.getElementById("menue3").style.top='-400px';
				document.getElementById("menue4").style.top='-400px';
				document.getElementById("menue5").style.top='-400px';
				document.getElementById("unsichtbar").style.top='-500px';
				}
	parent.above.document.getElementById('menuepunkt1').style.color = '#ffc';
	parent.above.document.getElementById('menuepunkt2').style.color = '#ffc';
	parent.above.document.getElementById('menuepunkt3').style.color = '#ffc';
	parent.above.document.getElementById('menuepunkt4').style.color = '#ffc';
	parent.above.document.getElementById('menuepunkt5').style.color = '#ffc';
}

// Um welchen Browser handelt es sich:
var ie4up = (document.all)?1:0;
var ns6 = (document.getElementById && !document.all)?1:0;

// Funktionsaufruf
init();
erzeugen();
