var MAXTOTALWIDTH = 1000;
var MAXMENUEWIDTH = 155;
var MINWIDTHFORMENUE = 700;
var SUBMENUE = null;
function getWindowWidth() {
var lWidth = 0;
if (window.innerWidth) {
lWidth = window.innerWidth;
} else if (document.body && document.body.offsetWidth) {
lWidth = document.body.offsetWidth;
}
return lWidth;
} // getWindowWidth
function doLayout() {
// setze Maximale Breite
var lMenueWidth = MAXMENUEWIDTH;
var lMenue = document.getElementById("menue");
if( lMenue == null || lMenue.style.display == "none" )
lMenueWidth = 60;
var lMaxDataWidth = MAXTOTALWIDTH - lMenueWidth;
var lWidth = getWindowWidth();
if( lWidth > 0 )
lWidth -= 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 initIndex() {
// onload for index.htm
window.onresize = initIndex;
initsidebarmenu();
// doLayout();
// initMenue();
}
function initPage() {
// onload for all pages but index.htm
window.onresize = initPage;
doLayout();
initMenue();
}
function initPlanPage( max ) {
window.onresize = doLayout;
doLayout();
initPlanMenue( max );
}
function withMenue() {
var lWidth = getWindowWidth();
return( lWidth > MINWIDTHFORMENUE );
}
function initMenue() {
var lUrl = document.URL.toLowerCase();
var lRoot = "../";
var lVisible = lUrl.substring(0, lUrl.lastIndexOf("/") );
lVisible = "sub" + lVisible.substring(lVisible.lastIndexOf("/")+1 );
var lWidth = getWindowWidth();
var lOben = document.getElementById("oben");
if (lOben != null) {
if( withMenue() ) {
lOben.innerHTML =
' \n'+
'  | \n' +
' | \n' +
'  | \n' +
' | \n' +
'  | \n' +
' | \n' +
'  | \n' +
' | \n' +
'  | \n' +
'
| Aachen hat Energie | \n' +
'
\n'+
'\n';
} else {
lOben.innerHTML =
' \n'+
' | Aachen hat Energie |
\n' +
' | Menü |
\n' +
'
\n'+
'\n';
}
}
var lMenue = document.getElementById("menue");
var lData = document.getElementById("data");
lOben.style.left = '160px';
lData.style.top = '125px';
lData.style.left = '160px';
if (lMenue == null) {
if (lData != null) {
lData.style.left = '20px';
}
if (lOben != null) {
lOben.style.left = '20px';
}
} else if( !withMenue() ) {
lMenue.style.width = '1px';
lData.style.width = lWidth - 100 + 'px';
lData.style.top = '60px';
lData.style.left = '20px';
lData.style.right = '20px';
lOben.style.left = '20px';
lOben.style.width = lWidth - 100 + 'px';
lOben.style.right = '20px';
lMenue.innerHTML = ' ';
} else {
lMenue.style.width = MAXMENUEWIDTH + 'px';
lMenue.innerHTML =
' \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 =
' \n' +
' | \n' +
' | \n' +
' | \n' +
' | \n' +
' | \n' +
' | \n' +
' | \n' +
' | \n' +
' | \n' +
'
| Aachen hat Energie | \n' +
'
\n'+
'\n';
*/
}
}
var lMenue = document.getElementById("menue");
if (lMenue != null) {
lMenue.style.width = MAXMENUEWIDTH + 'px';
lHTML =
'\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
}
\n';
}
lHTML += '