var MAXTOTALWIDTH = 1000;
var MAXMENUEWIDTH = 155;
var SUBMENUE = null;

function doLayout() {
	// setze Maximale Breite
	var lWidth = 0;
	var lMenueWidth = MAXMENUEWIDTH;
	var lMenue = document.getElementById("menue");
	if( lMenue == null || lMenue.style.display == "none" )
		lMenueWidth = 60;
	var lMaxDataWidth = MAXTOTALWIDTH - lMenueWidth;
	if (window.innerWidth) {
		lWidth = window.innerWidth - lMenueWidth;
	} else if (document.body && document.body.offsetWidth) {
		lWidth = document.body.offsetWidth - lMenueWidth;
	}
	lWidth = ( lWidth <= lMaxDataWidth ) ? lWidth : lMaxDataWidth;
	var lOben = document.getElementById("oben");
	if (lOben != null) 
		lOben.style.width = lWidth - 50 + 'px';
	var lData = document.getElementById("data");
	if (lData != null) 
		lData.style.width = lWidth - 50 + 'px';
} // doLayout

function initPage() {
	window.onresize = doLayout;
	doLayout();
	initMenue();
}

function initPlanPage( max ) {
	window.onresize = doLayout;
	doLayout();
	initPlanMenue( max );
}

function initMenue() {
	var lUrl = document.URL.toLowerCase();
	var lRoot = "";
	var lVisible = "";

	if ( lUrl.indexOf("index.htm") < 0 && (lUrl.indexOf(".htm") > 0 || lUrl.indexOf(".php") > 0 )) {
		lRoot = "../";
		lVisible = lUrl.substring(0, lUrl.lastIndexOf("/") );
		lVisible = "sub" + lVisible.substring(lVisible.lastIndexOf("/")+1 );
		var lOben = document.getElementById("oben");
		if (lOben != null) {
			lOben.innerHTML =
				'		<table class="oben"><tr>\n'+
				'		<td style="width: 60px;"><img src="../img/europaplatz.jpg" width="90" height="60"></td>\n' +
				'		<td>&nbsp;</td>\n' +
				'		<td style="width: 60px;"><img src="../img/klinikum.jpg" width="90" height="60"></td>\n' +
				'		<td>&nbsp;</td>\n' +
				'		<td style="width: 60px;"><img src="../img/rathaus.jpg" width="90" height="60"></td>\n' +
				'		<td>&nbsp;</td>\n' +
				'		<td style="width: 60px;"><img src="../img/elisenbrunnen.jpg" width="90" height="60"></td>\n' +
				'		<td>&nbsp;</td>\n' +
				'		<td style="width: 60px;"><img src="../img/rwth_hauptgebaeude.jpg" width="90" height="60"></td>\n' +
				'		</tr><tr><td colspan="9" align="center">Aachen hat Energie</td>\n' +
				'		</tr></table>\n'+
				'\n';
		}
	}

	var lMenue = document.getElementById("menue");
	if (lMenue == null) {
		var lData = document.getElementById("data");
		if (lData != null) {
			lData.style.left = '20px';
		}
		if (lOben != null) {
			lOben.style.left = '20px';
		}
	} else {
		lMenue.style.width = MAXMENUEWIDTH + 'px';
		lMenue.innerHTML = 
			'<div class="sidebarmenu"> \n'+
			'<ul id="sidebarmenu1"> \n'+
'<li><div>Entwicklung</div> \n' +
'<ul> \n' +
'<li><a href="/entw/kv.htm">Aachener Modell</a></li> \n' +
'<li><a href="/entw/eeg.htm">EEG</a></li> \n' +
'</ul> \n' +
'</li> \n' +
'<li><div>Energie</div> \n' +
'<ul> \n' +
'<li><a href="/entw/energieformen.htm">Energieformen</a></li> \n' +
'<li><a href="/energiesparen/co2rechner.htm">CO<sub>2</sub>-Rechner</a></li> \n' +
'<li><a href="/sonne/solarrechner.htm">Solarechner f&uuml;r PV-Anlagen</a></li> \n' +
'<li><a href="http://www.Energiewenderechner.de" target="_blank">SFV Energie-<br>wenderechner</a></li> \n' +
'<li><a href="http://www.aachen.de/solarkataster" target="_blank">Solarkataster der Stadt Aachen</a></li> \n' +
'</ul> \n' +
'</li> \n' +
'<li><div>Wind</div> \n' +
'<ul> \n' +
'<li><a href="/wind/allgemeines.htm">Allgemeines</a></li> \n' +
'<li><div>Planungsfragen</div> \n' +
'<ul> \n' +
'<li><a href="/wind/bauplanungsrecht.htm">Bauplanungsrecht</a></li> \n' +
'<li><a href="/wind/flaechenausweisung.htm">Warum Fl&auml;chenausweisung?</a></li> \n' +
'<li><a href="/windflaechen/planung.php">Systematische Wind-<br>nutzungsplanung</a></li> \n' +
'</ul> \n' +
'</li> \n' +
'<li><a href="/wind/umweltallgemein.htm">Umweltbelange</a></li> \n' +
'<li><div>Aachener Anlagen</div> \n' +
'<ul> \n' +
'<li><a href="/wind/entwicklung.php">Entwicklung</a></li> \n' +
'<li><a href="/gpx/gesamtkarte.php?tab=../wind/wind.tab">Karte</a></li> \n' +
'<li><a href="/wind/wind131.htm">Laurensberg</a></li> \n' +
'<li><a href="/wind/wind101.htm">Orsbach</a></li> \n' +
'<li><a href="/wind/wind112.htm">Windfang</a></li> \n' +
'<li><a href="/wind/eurowindparkkg.htm">EuroWindPark KG</a></li> \n' +
'<li><a href="/wind/umwelt.htm">Umweltbelange im EuroWindPark</a></li> \n' +
'</ul> \n' +
'</li> \n' +
'<li><a href="/wind/zukunft.htm">Zukunft Aachener Windenergie</a></li> \n' +
'</ul> \n' +
'</li> \n' +
'<li><a href="/formulare/besichtigung.php">Windkraftanlagen Besichtigung</a></li> \n' +
'<li><div>Sonne</div> \n' +
'<ul> \n' +
'<li><a href="/sonne/fotovoltaik.htm">Fotovoltaik</a></li> \n' +
'<li><a href="/sonne/solarthermie.htm">Solarthermie</a></li> \n' +
'<li><a href="/sonne/selbstbau_pv.htm">Selbstbau-PV</a></li> \n' +
'<li><a href="/sonne/solarrechner.htm">Solarechner f&uuml;r PV-Anlagen</a></li> \n' +
'<li><a href="http://www.aachen.de/solarkataster>Solarkataster der Stadt Aachen</a></li> \n' +
'<li><a href="/sonne/schulen.htm">Sonne f&uuml;r Aachener Schulen</a></li> \n' +
'<li><div>Aachener Anlagen</div> \n' +
'<ul> \n' +
'<li><a href="/sonne/entwicklung.php">Entwicklung</a></li> \n' +
'<li><a href="/gpx/gesamtkarte.php?tab=../sonne/pv.tab">Karte</a></li> \n' +
'<li><a href="/sonne/sonne101.htm">Couven-Gymnasium</a></li> \n' +
'<li><a href="/sonne/sonne110.htm">Inda-Gymnasium</a></li> \n' +
'<li><a href="/sonne/sonne201.htm">St. Barbara</a></li> \n' +
'<li><a href="/sonne/sonne202.htm">St. Hubert</a></li> \n' +
'<li><a href="/sonne/sonne501.htm">Familie Weber</a></li> \n' +
'<li><a href="/sonne/sonne502.htm">Frau Kempen</a></li> \n' +
'</ul> \n' +
'</li> \n' +
'</ul> \n' +
'</li> \n' +
'<li><div>Wasser</div> \n' +
'<ul> \n' +
'<li><a href="/wasser/allgemeines.htm">Allgemeines</a></li> \n' +
'<li><a href="/wasser/aachener_wasser.htm">Aachener Wasser</a></li> \n' +
'<li><a href="/wasser/kleinwasserkraft.htm">Eifelstauseen</a></li> \n' +
'</ul> \n' +
'</li> \n' +
'<li><div>Biomasse</div> \n' +
'<ul> \n' +
'<li><div>Aachener Anlagen</div> \n' +
'<ul> \n' +
'<li><a href="/biomasse/biomasse101.htm">Kahlgrachtm&uuml;hle</a></li> \n' +
'<li><a href="/biomasse/biomasse102.htm">Bioenergie von Hoengen</a></li> \n' +
'</ul> \n' +
'</li> \n' +
'</ul> \n' +
'</li> \n' +
'<li><div>Geothermie</div> \n' +
'<ul> \n' +
'<li><a href="/geothermie/allgemeines.htm">Allgemeines</a></li> \n' +
'<li><a href="/geothermie/superc.htm">Super C</a></li> \n' +
'<li><a href="/geothermie/buerogebaeude.htm">VIKA B&uuml;roprojekt</a></li> \n' +
'<li><a href="/geothermie/thermalquellen.htm">Aachener Thermalquellen</a></li> \n' +
'<li><a href="/geothermie/geothermie-efh.htm">EFH-Heizung mit W&auml;rmepumpe</a></li> \n' +
'</ul> \n' +
'</li> \n' +
'<li><div>Speicher</div> \n' +
'<ul> \n' +
'<li><a href="/speicher/speicherkraftwerk.php">Speicherkraftwerk Simmerath</a></li> \n' +
'</ul> \n' +
'</li> \n' +
'<li><a href="/links/links.php">Links</a></li> \n' +
'<li><a href="/aktuelles/aktuelles.php">Aktuelles</a></li> \n' +
'<li><a href="/formulare/kontakt.php">Kontakt</a></li> \n' +
'<li><a href="/impressum/impressum.php">Impressum</a></li> \n' +
'<li><a href="/index.htm">Home</a></li> \n' +
'<li><a href="/sitemap.htm">Sitemap</a></li> \n' +
			'</ul> \n'+
			'</div> \n';

	initsidebarmenu();
	}
} // initMenue

function initPlanMenue( max ) {
	var lUrl = document.URL.toLowerCase();
	var lRoot = "";
	var lVisible = "";
	var lHTML = "";
	var lTiefe = 0;
	if ( lUrl.indexOf("index.htm") < 0 && (lUrl.indexOf(".htm") > 0 || lUrl.indexOf(".php") > 0 )) {
		lRoot = "../";
		lVisible = lUrl.substring(0, lUrl.lastIndexOf("/") );
		lVisible = "sub" + lVisible.substring(lVisible.lastIndexOf("/")+1 );
		var lOben = document.getElementById("oben");
		if (lOben != null) {
			lOben.style.height = '0px';
/*
			lOben.innerHTML =
				'		<table class="oben"><tr>\n' +
				'		<td style="width: 60px;"><img src="../img/europaplatz.jpg" width="90" height="60"></td>\n' +
				'		<td>&nbsp;</td>\n' +
				'		<td style="width: 60px;"><img src="../img/klinikum.jpg" width="90" height="60"></td>\n' +
				'		<td>&nbsp;</td>\n' +
				'		<td style="width: 60px;"><img src="../img/rathaus.jpg" width="90" height="60"></td>\n' +
				'		<td>&nbsp;</td>\n' +
				'		<td style="width: 60px;"><img src="../img/elisenbrunnen.jpg" width="90" height="60"></td>\n' +
				'		<td>&nbsp;</td>\n' +
				'		<td style="width: 60px;"><img src="../img/rwth_hauptgebaeude.jpg" width="90" height="60"></td>\n' +
				'		</tr><tr><td colspan="9" align="center">Aachen hat Energie</td>\n' +
				'		</tr></table>\n'+
				'\n';
*/
		}
	}

	var lMenue = document.getElementById("menue");
	if (lMenue != null) {
		lMenue.style.width = MAXMENUEWIDTH + 'px';
		lHTML = 
			'<div id="sidebarmenu" class="sidebarmenu">\n'+
			'<ul id="sidebarmenu1">\n';
if( 100 <= max ) {
  lTiefe = 1;
  lHTML += '<li><a href="/windflaechen/planung1.php">Pr&uuml;fung des Planungsbedarfs</a></li> \n';
}
if( 200 <= max ) {
  lTiefe = 1;
  lHTML += '<li><a href="/windflaechen/planung2.php">Festlegung von Suchfl&auml;chen</a></li> \n';
}
if( 300 <= max ) {
  lTiefe = 1;
  lHTML += '<li><a href="/windflaechen/planung3.php">Potential-<br>Ermittlung</a></li> \n';
}
if( 400 <= max ) {
  lTiefe = 1;
  lHTML += '<li><a href="/windflaechen/planung4.php">Festlegung der Potentialnutzung</a></li> \n';
}
if( 500 <= max ) {
  lTiefe = 1;
  lHTML += '<li><a href="/windflaechen/planung5.php">Festlegung weicher Belange</a></li> \n';
}
if( 600 <= max ) {
  lTiefe = 1;
  lHTML += '<li><div>Wertung weicher Belange</div> \n' + '<ul> \n';
}
if( 610 <= max ) {
  lTiefe = 2;
  lHTML += '<li><a href="/windflaechen/planung6.php">Quantitative Bewertung</a></li> \n';
}
if( 620 <= max ) {
  lTiefe = 2;
  lHTML += '<li><a href="/windflaechen/planung6_1.php">Summarischer<br>Immisionsschutz</a></li> \n';
}
if( 630 <= max ) {
  lTiefe = 2;
  lHTML += '<li><a href="/windflaechen/planung6_2.php">Erweiterter<br>Vogelschutz</a></li> \n';
}
if( 640 <= max ) {
  lTiefe = 2;
  lHTML += '<li><a href="/windflaechen/planung6_3.php">Wald- und<br>Bodenschutz</a></li> \n';
}
if( 650 <= max ) {
  lTiefe = 2;
  lHTML += '<li><a href="/windflaechen/planung6_4.php">Landschaftsschutz,<br>Erholungsfunktion</a></li> \n';
}
if( 700 <= max ) {
  lTiefe = 1;
  lHTML += '</ul> \n';
  lHTML += '</li> \n';
  lHTML += '<li><a href="/windflaechen/planung7.php">Bilanzierung</a></li> \n';
}
		if( lTiefe >= 2 ) {
			lHTML += '</ul>\n</li>\n';
			if( lTiefe == 3 ) {
				lHTML += '</ul>\n</li>\n';
			}
		}
		lHTML += '</ul>\n';
		if( max >= 300 ) {
  			lHTML += '<br><a href="/img/ac_plan_550.jpg" target="_blank">' + 
					'<img src="/img/ac_plan_icon.jpg" width="155" height="201"></a>\n';
		}
		lHTML += '<br><br><ul><li><a href="/formulare/plankontakt.php" target="_blank">Fragen und Anregungen</a></li></ul>\n';

		lHTML += '</div>\n';
		lMenue.innerHTML = lHTML;

		var lData = document.getElementById("data");
		if (lData != null) {
			lData.style.top = '0px';
		}
		var lSidebarmenu = document.getElementById("sidebarmenu");
		if (lSidebarmenu != null) {
			lSidebarmenu.style.top = '20px';
		}

		initsidebarmenu();
	}
} // initPlanMenue

function gup( name )
{ // get url parameter
	name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
	var regexS = "[\\?&]"+name+"=([^&#]*)";
	var regex = new RegExp( regexS );
	var results = regex.exec( window.location.href );
	if( results == null )
		return "";
	else
		return results[1];
}

function popup_bild( name )
{ // get picture as popup
	window.open(name,'','toolbar=no,directories=no,menubar=no,status=no,scrollbars=yes,resizable=yes');
}

// for menu
var menuids=["sidebarmenu1"] //Enter id(s) of each Side Bar Menu's main UL, separated by commas

function initsidebarmenu(){
	for (var i=0; i<menuids.length; i++){
		var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
		for (var t=0; t<ultags.length; t++){
			ultags[t].parentNode.getElementsByTagName("*")[0].className+=" subfolderstyle"
			if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu
				ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item
			else //else if this is a sub level submenu (ul)
				ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
			ultags[t].parentNode.onmouseover=function(){
				this.getElementsByTagName("ul")[0].style.display="block"
			}
			ultags[t].parentNode.onmouseout=function(){
				this.getElementsByTagName("ul")[0].style.display="none"
			}
		}  // for t
		for (var t=ultags.length-1; t>-1; t--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars
			ultags[t].style.visibility="visible"
			ultags[t].style.display="none"
		}
	} // for i
}