// Original:  Cascading Popup Menu v4.11 by Angus Turnbull

// Web Site:  http://twinhelix.com

// Get the Original for all features and full documentation

// This script and many more are available free online at

// The JavaScript Source!! http://javascript.internet.com





var isDOM = document.getElementById?1:0;

var isIE = document.all?1:0;

var isNS4 = (navigator.appName=='Netscape' && !isDOM)?1:0;

var isIE4 = (isIE && !isDOM)?1:0;

var isDyn = (isDOM||isIE4||isNS4);



function getRef(id, par)

{

 par = (!par ? document : (par.navigator ? par.document : par));

 return (isIE ? par.all[id] :

  (isDOM ? (par.getElementById?par:par.ownerDocument).getElementById(id) :

  par.layers[id]));

}



function getSty(id, par)

{

 return (isNS4 ? getRef(id, par) : getRef(id, par).style)

}



if (!window.LayerObj) var LayerObj = new Function('id', 'par',

 'this.ref=getRef(id, par); this.sty=getSty(id, par); return this');

function getLyr(id, par) { return new LayerObj(id, par) }



function LyrFn(fn, fc)

{

 LayerObj.prototype[fn] = new Function('var a=arguments,p=a[0]; with (this) { '+fc+' }');

}

LyrFn('x','if (!isNaN(p)) sty.left=p; else return parseInt(sty.left)');

LyrFn('y','if (!isNaN(p)) sty.top=p; else return parseInt(sty.top)');

LyrFn('vis','sty.visibility=p');

LyrFn('bgColor','if (isNS4) sty.bgColor=(p?p:null); ' +

 'else sty.backgroundColor=p');

LyrFn('bgImage','if (isNS4) sty.background.src=(p?p:null); ' + 

  'else sty.backgroundImage=(p?"url("+p+")":"") ');

LyrFn('write','if (isNS4) with (ref.document) {write(p);close()} else ref.innerHTML=p');

LyrFn('alpha','var f=ref.filters; if (f) {' +

 'if (sty.filter.indexOf("alpha")==-1) sty.filter+="alpha()"; ' +

 'if (f.length&&f.alpha) f.alpha.opacity=p } else if (isDOM) sty.MozOpacity=(p/100)');





function setLyr(lVis, docW, par)

{

 if (!setLyr.seq) setLyr.seq=0;

 if (!docW) docW=0;

 var obj = (!par ? (isNS4 ? window : document.body) :

  (!isNS4 && par.navigator ? par.document.body : par));

 var newID='_js_layer_'+setLyr.seq++;



 if (isIE) obj.insertAdjacentHTML('beforeEnd', '<div id="'+newID+

  '" style="position:absolute"></div>');

 else if (isDOM)

 {

  var newL=document.createElement('div');

  obj.appendChild(newL);

  newL.id=newID; newL.style.position='absolute';

 }

 else if (isNS4)

 {

  var newL=new Layer(docW, obj);

  newID=newL.id;

 }



 var lObj=getLyr(newID, par);

 with (lObj.sty) { visibility=lVis; left=0; top=0; width=docW }

 return lObj;

}





if (!window.page) var page = { win: window, minW: 0, minH: 0 }



page.winW=function()

 { return Math.max(this.minW, isIE?this.win.document.body.clientWidth:this.win.innerWidth) }

page.winH=function()

 { return Math.max(this.minH, isIE?this.win.document.body.clientHeight:this.win.innerHeight) }



page.scrollX=function()

 { return isIE?this.win.document.body.scrollLeft:this.win.pageXOffset }

page.scrollY=function()

 { return isIE?this.win.document.body.scrollTop:this.win.pageYOffset }







// *** MOUSE EVENT CONTROL FUNCTIONS ***







function popOver(mN, iN) { with (this)

{

 clearTimeout(hideTimer);

 overM = mN;

 overI = iN;



 var thisI = menu[mN][iN];



 if (iN && this.onmouseover) this.onmouseover();



 litOld = litNow;

 litNow = new Array();

 var litM = mN, litI = iN;

 while(1)

 {

  litNow[litM] = litI;

 

  if (litM == 'root') break;

 

  litI = menu[litM][0].parentItem;

  litM = menu[litM][0].parentMenu;

 }



 var same = true;

 for (var z in menu) if (litNow[z] != litOld[z]) same = false;

 if (same) return;





 for (thisM in menu)

 {

   if (!menu[thisM][0].lyr) continue;



  litI = litNow[thisM];

  oldI = litOld[thisM];



  if (litI && (litI != oldI)) changeCol(thisM, litI, true);



  if (oldI && (oldI != litI)) changeCol(thisM, oldI, false);



  if (isNaN(litI)) { menu[thisM][0].lyr.vis('hidden') }

 }





 clearTimeout(showTimer);

 nextMenu = '';

 if (thisI.type == 'sm:')

 {

    var targ = thisI.href, lyrM = menu[mN][0].lyr;



   with (menu[targ][0])

  {

   

   if (!lyr) update(targ);

   if (!lyr) return;



   lyr.x(eval(offX) + (typeof(offX)=='number' ? lyrM.x() + thisI.lyr.x() : 0));

   lyr.y(eval(offY) + (typeof(offY)=='number' ? lyrM.y() + thisI.lyr.y() : 0));



   showStr = myName + '.menu.' + targ + '[0].lyr.vis("visible")';

   nextMenu = targ;

   if (showDelay) showTimer = setTimeout(showStr, showDelay);

   else eval(showStr);

  }

 }

}}





function popChangeCol(mN, iN, isOver) { with (this.menu[mN][iN])

{

 

 var col = isOver ? overCol : outCol;

 if (col.indexOf('.') == -1) lyr.bgColor(col);

 else lyr.bgImage(col);



 var doFX = ((overClass != outClass) || (outBorder != overBorder));



 if (doFX && isNS4) lyr.write(this.getHTML(mN, iN, isOver));



 else if (doFX) with (lyr.ref)

 {

  className = (isOver ? overBorder : outBorder);

  var chl = (isDOM ? childNodes : children)

  for (var i = 0; i < chl.length; i++) chl[i].className = (isOver ? overClass : outClass);

 }



 if (typeof(outAlpha)=='number') lyr.alpha(isOver ? overAlpha : outAlpha);

}}





function popOut(mN, iN) { with (this)

{

 

 if ((mN != overM) || (iN != overI)) return;

 if (this.onmouseout) this.onmouseout();



 var thisI = menu[mN][iN];



 if (thisI.href != nextMenu) clearTimeout(showTimer);



 

 if (hideDelay)

 {

  var delay = ((mN == 'root') && (thisI.type != 'sm:')) ? 50 : hideDelay;

  hideTimer = setTimeout(myName + '.over("root", 0)', delay);

 }



 

 overM = 'root';

 overI = 0;

}}





function popClick(evt) { with (this)

{

 

 if (overI)

 {

  

  if (this.onclick) this.onclick();



  var thisI = menu[overM][overI];



  with (thisI) switch (type)

  {

   

   case 'sm:': return;

   

   case 'js:': { eval(href); break }

   

   case '': type = 'window';

   default: if (href) eval(type + '.location.href = "' + href + '"');

  }

 }



 

 over('root', 0);

}}





function popClearLyr(wN) { with (this)

{

 for (mN in menu) with (menu[mN][0]) if (par == wN) lyr = null;

}}





// *** MENU OBJECT CONSTRUCTION FUNCTIONS ***



function addProps(obj, data, names, addNull)

{

 for (var i = 0; i < names.length; i++) if(i < data.length || addNull) obj[names[i]] = data[i];

}



function ItemStyle()

{

 var names = ['len', 'spacing', 'popInd', 'popPos', 'pad', 'outCol', 'overCol', 'outClass',

  'overClass', 'outBorder', 'overBorder', 'outAlpha', 'overAlpha'];

 addProps(this, arguments, names, true);

}



function popStartMenu(mName) { with (this)

{

 if (!menu[mName]) { menu[mName] = new Array(); menu[mName][0] = new Object(); }



 actMenu = mName;

 menu[mName].length = 1;

 nextItem = 1;

 var aM = menu[mName][0];



 var names = ['isVert', 'isVert', 'offX','offY', 'width', 'itemSty', 'par', 'parentMenu',

  'parentItem'];

 addProps(aM, arguments, names, true);



 if (!aM.lyr) aM.lyr = null;

}}



function popAddItem() { with (this)

{

 var aI = menu[actMenu][nextItem++] = new Object();



 var names = ['text', 'href', 'type', 'itemSty', 'len', 'spacing', 'popInd', 'popPos',

  'pad', 'outCol', 'overCol', 'outClass', 'overClass', 'outBorder', 'overBorder',

  'outAlpha', 'overAlpha', 'iW', 'iH', 'lyr'];

 addProps(aI, arguments, names, true);



 var iSty = (arguments[3] ? arguments[3] : menu[actMenu][0].itemSty);

 for (prop in iSty) if (aI[prop] == window.UnDeFiNeD) aI[prop] = iSty[prop];



 if (isNS4 && aI.outBorder) aI.pad++;

}}







// *** MAIN MENU CREATION/UPDATE FUNCTIONS ***



function popGetHTML(mN, iN, isOver) { with (this)

{

 var itemStr = '';

 with (menu[mN][iN])

 {

  var textClass = (isOver ? overClass : outClass);



  if ((type == 'sm:') && popInd)

  {

   if (isNS4) itemStr += '<layer class="' + textClass + '" left="'+ ((popPos+iW) % iW) +

    '" top="' + pad + '">' + popInd + '</layer>';

   else itemStr += '<div class="' + textClass + '" style="position: absolute; left: ' +

    ((popPos+iW) % iW) + '; top: ' + pad + '">' + popInd + '</div>';

  }



  

  if (isNS4) itemStr += (outBorder ? '<span class="' + (isOver ? overBorder : outBorder) +

   '"><spacer type="block" width="' + (iW - 8) + '" height="' + (iH - 8) + '"></span>' : '') +

   '<layer left="' + pad + '" top="' + pad + '" width="' + (iW - (2 * pad)) + '" height="' +

   (iH - (2 * pad)) + '"><a class="' + textClass + '" href="#" ' +

   'onClick="return false" onMouseOver="status=\'\'; ' + myName + '.over(\'' + mN + '\',' +

   iN + '); return true">' + text + '</a></layer>';



  else itemStr += '<div class="' + textClass + '" style="position: absolute; left: ' + pad +

   '; top: ' + pad + '; width: ' + (iW - (2 * pad)) + '; height: ' + (iH - (2 * pad)) +

   '">' + text + '</div>';

 }

 return itemStr;

}}







function popUpdate(upMN) { with (this)

{



 if (!isDyn) return;

 for (mN in menu) with (menu[mN][0])

 {

 

  if (upMN && (upMN != mN)) continue;



  var eP = eval(par);

  if (eP && eP.navigator && (eP.document.readyState != 'complete')) continue;





  var str = '', iX = 0, iY = 0;





  for (var iN = 1; iN < menu[mN].length; iN++) with (menu[mN][iN])

  {

  

   var itemID = myName + '_' + mN + '_' + iN;



  

   if (type == 'sm:')

   {

    menu[href][0].parentMenu = mN;

    menu[href][0].parentItem = iN;

   }



 

   var shrink = (outBorder && isDOM && !isIE ? 2 : 0)

 

   iW = (isVert ? width : len) - shrink;

   iH = (isVert ? len : width) - shrink;



 

   var isImg = (outCol.indexOf('.') != -1) ? true : false;



   if (isDOM || isIE4)

   {

    str += '<div id="' + itemID + '" ' + (outBorder ? 'class="' + outBorder + '" ' : '') +

     'style="position: absolute; left: ' + iX + '; top: ' + iY + '; width: ' + iW + '; height: ' +

     iH + '; ' + (outCol ? 'background: ' + (isImg ? 'url('+ outCol+')' : outCol) : '') +

     ((typeof(outAlpha)=='number') ? '; filter: alpha(opacity='+ outAlpha + '); -moz-opacity: ' +

      (outAlpha/100) : '') +

     '; cursor: ' + ((type!='sm:' && href) ? (isIE ? 'hand' : 'pointer') : 'default') + '" ';

   }

   else if (isNS4)

   {

     str += '<layer id="' + itemID + '" left="' + iX + '" top="' + iY + '" width="' +

     iW + '" height="' + iH + '" ' + (outCol ? (isImg ? 'background="' : 'bgcolor="') +

     outCol + '" ' : '');

   }

   

   str += 'onMouseOver="' + myName + '.over(\'' + mN + '\',' + iN + ')" ' +

     'onMouseOut="' + myName + '.out(\'' + mN + '\',' + iN + ')">' +

     getHTML(mN, iN, false) + (isNS4 ? '</layer>' : '</div>');



   var spc = (outBorder ? 1 : 0)

   if (isVert) iY += len + spacing - spc;

   else iX += len + spacing - spc;



  

  }









  if (!lyr) lyr = setLyr('hidden', 3, eval(par));

  else if (isIE4) setTimeout(myName + '.menu.' + mN + '[0].lyr.sty.width=9', 50);



 

  with (lyr) { sty.zIndex = 1000; write(str) }



 

  for (var i = 1; i < menu[mN].length; i++)

   menu[mN][i].lyr = getLyr(myName + '_' + mN + '_' + i, lyr.ref);





 }



 position();

 menu.root[0].lyr.vis('visible');

}}



function popPosition(wN) { with (this)

{



 for (mN in menu) if (!wN || menu[mN][0].par == wN) with (menu[mN][0])

 {



  if (!lyr) return;



  // If either of the offsets is a string or its the root menu, position it.

  if (typeof(offX)!='number' || mN=='root') lyr.x(eval(offX));

  if (typeof(offY)!='number' || mN=='root') lyr.y(eval(offY));

 }

}}





// *** POPUP MENU MAIN OBJECT CONSTRUCTOR ***



function PopupMenu(myName)

{



 this.myName = myName;





 this.showTimer = 0;

 this.hideTimer = 0;

 this.showDelay = 0;

 this.hideDelay = 500;

 this.showMenu = '';



 this.menu =  new Array();

 this.litNow = new Array();

 this.litOld = new Array();



 this.overM = 'root';

 this.overI = 0;





 this.actMenu = '';

 this.nextItem = 1;



 this.over = popOver;

 this.changeCol = popChangeCol;

 this.out = popOut;

 this.click = popClick;

 this.clearLyr = popClearLyr;

 this.startMenu = popStartMenu;

 this.addItem = popAddItem;

 this.getHTML = popGetHTML;

 this.update = popUpdate;

 this.position = popPosition;

}













// Syntaxes and Information: *** START EDITING HERE, READ THIS SECTION CAREFULLY! ***

//

//

// styleName = new ItemStyle(length of items, spacing to next item, 'popout indicator HTML',

//  popout indicator position, padding of text within item, 'out background colour or image

//  filename', 'over background colour or image', 'out text stylesheet class', 'over text class',

//  'out border stylesheet class', 'over border class', out transparency percentage or null,

//  over transparency percentage or null);

//



var hBar = new ItemStyle(40, 10, '', 0, 0, '', '#9BA5AF', 'itemText', 'itemHover', '', '',

 null, null);



var subM = new ItemStyle(22, 0, '<img src="abb/pf.gif" width="12" height="14">', -17, 3, '#CDD7E1', '#9BA5AF', 'itemText', 'itemHover',

 '', '', null, null);



var sub2M = new ItemStyle(22, 0, '<img src="abb/pf.gif" width="12" height="14">', -17, 3, '#CDD7E1', '#9BA5AF', 'sub2MText', 'sub2MHover',

 '', '', null, null);







//

// startMenu('menu name', Vertical menu? (true/false), left, top, width, default ItemStyle,

//  optional parent frame/window or layer in which this menu resides);

//

//

// addItem('Text', 'URL', 'action type', optional ItemStyle, length, spacing, 'popout indicator',

//  popout indicator position....... in the same order as ItemStyles, see above);

//





var pMenu = new PopupMenu('pMenu');

with (pMenu)

{



// *** MOVE OR CENTRE THE MENU HERE ***







startMenu('root', false, 179, 50, 18, hBar);

addItem('&nbsp; Start', 'mStart', 'sm:', '', 61);

addItem('&nbsp; KG', 'mKG', 'sm:', '', 60);

addItem('&nbsp; Bauforschung', 'mBauf', 'sm:', '', 110);

addItem('&nbsp; Aktuell', 'mAktuell', 'sm:', '', 85);

addItem('&nbsp; Publikationen', 'mPubl', 'sm:', '', 110);

addItem('&nbsp; Links', 'mLinks', 'sm:', '', 43);



startMenu('mStart', true, 0, 18, 80, sub2M);

addItem('&nbsp;Willkommen', 'index.htm', '', '', 22);

addItem('&nbsp;Vorstand', 'de/start/vorstand.html', '');

addItem('&nbsp;Impressum', 'de/start/impressum.html', '');



startMenu('mKG', true, 0, 18, 120, sub2M);

addItem('&nbsp;Wir &uuml;ber uns', 'de/kg/wirueberuns.html', '');

addItem('&nbsp;Geschichte der KG', 'de/kg/geschichte.html', '');

addItem('&nbsp;Aufgaben und Ziele', 'de/kg/aufgaben.html', '');



startMenu('mBauf', true, 0, 18, 125, sub2M);

addItem('&nbsp;B<u>au</u>|for|schung  <em>die</em>:', 'de/bauf/bauforschung.html', '');

addItem('&nbsp;Texte', 'mTexte', 'sm:');



startMenu('mAktuell', true, 0, 18, 128, sub2M);

addItem('&nbsp;allgemeine Hinweise', 'de/akt/aktuell.html', '');

addItem('&nbsp;n&auml;chste Tagung', 'de/akt/tagung.html', '');

addItem('&nbsp;Preis der KG', 'de/akt/preis.html', '');



startMenu('mPubl', true, 0, 18, 160, sub2M);

addItem('&nbsp;&Uuml;bersicht', 'de/publ/publikat.html', '');

addItem('&nbsp;Studien zur Bauforschung', 'de/publ/kgpubl.html', '');

addItem('&nbsp;Tagungsb&auml;nde', 'de/publ/tgbde.html', '');

addItem('&nbsp;gef&ouml;rderte Publikationen', 'de/publ/gefpubl.html', '');

addItem('&nbsp;Preisliste und Bestellung', 'de/publ/bestfm.html', '');



startMenu('mLinks', true, 0, 18, 95, sub2M);

addItem('&nbsp;Institutionen /<br>&nbsp;Organisationen', 'de/link/linkinst.html', '', '', 38);

addItem('&nbsp;Bibliotheken', 'de/link/linkbibl.html', '');





startMenu('mTexte', true, 120, 0, 120, sub2M);

addItem('Armin von Gerkan', 'de/bauf/vongerkan.html', '', sub2M, 23);

addItem('Gottfried Gruben', 'de/bauf/gruben.html', '', sub2M, 22);

addItem('Cord Meckseper', 'de/bauf/meckseper.html', '', sub2M);

addItem('Wulf Schirmer', 'de/bauf/schirmer.html', '', sub2M);

addItem('Ulrike Wulf-Rheidt', 'de/bauf/wulf.html', '', sub2M);





}



















// Make sure there is no <BODY ONLOAD="..."> tag in the document, it overrides these!

// Back up the onload event in case other scripts use it. You may wish to use the same

// technique to back up some of the other events captured here.

var popOldOL = window.onload;





window.onload = new Function('if (popOldOL) popOldOL(); pMenu.update()');

window.onresize = new Function('ns4BugCheck(); pMenu.position()');

window.onscroll = new Function('pMenu.position()');



if (isNS4) document.captureEvents(Event.CLICK);

document.onclick = new Function('evt', 'pMenu.click(); ' +

 'if (isNS4) return document.routeEvent(evt)');







var origWinWidth = window.innerWidth;

function ns4BugCheck()

{

 if (isNS4 && origWinWidth != window.innerWidth) location.reload()

}





if (!isIE)

{

 var nsScrollX = page.scrollX(), nsScrollY = page.scrollY();

 setInterval('if (nsScrollY!=pageYOffset || nsScrollX!=pageYOffset) ' +

  '{ nsScrollX=pageXOffset; nsScrollY=pageYOffset; window.onscroll() }', 50);

}















// This is just the moving command called when you click the feature list.

function moveRoot()

{

 with (pMenu.menu.root[0].lyr) x( (x()<100) ? 100 : 5);

}