/* NAVI layout+functionality, 
© 2006 ingodesign.de. 
this code works only together with the
code called on load from each content html page:
setSelection(...) */

top.selected="sm1";

/**********************************************************
CREATE IMG-OBJEKT AND SET IT'S SRC TO THE PARAMETER'S VALUE
***********************************************************/
function newImage(arg) {
  if (document.images) {
     rslt = new Image();
     rslt.src = arg;
  return rslt;
  }
}
/***********************************************************
PRELOAD IMAGES AND SET THEN THE PRELOAD FLAG TO TRUE
***********************************************************/
var preloadFlag = false;
function preloadImages(naviPicsPath) {
  if (document.images) {
    btn_over = newImage(naviPicsPath+"quad_n.jpg");
    btn_sel = newImage(naviPicsPath+"quad_n.jpg");
    preloadFlag = true;
  }
}
/*****************************************************************
INIT NAVI - FINDET ALLE IMAGES IN A-LINKS IM TD CLASS='SUBMENU'
UND SETZT IN DEN IMG-TAGS FAKE ATTRIBUTE FUER DEN ROLLOVER, SELECTED 
UND NORMAL STATUS. DAZU WERDEN FUER DIE A-LINKS MOUSE-EVENT-HANDLER DEFINIERT.
DAZU WIRD AUTOMATISCH FUER DAS IMG DESSEN ID MIT DER VARIABLEN
btnSelected UEBEREINSTIMMT AUCH AKTIV GESETZT.
******************************************************************/
function initNavi(naviPicsPath) { 
  if(preloadFlag==true){
    var imgTags = document.getElementsByTagName('IMG');
    for(i = 0; i< imgTags.length; i++) {
      var Aimg = imgTags[i];
      if(Aimg.parentNode.nodeName=='A' && Aimg.parentNode.parentNode.nodeName=='TD') {
        Aimg.hsrc=naviPicsPath+"quad_n.jpg";
	Aimg.ssrc=naviPicsPath+"quad_n.jpg";
	Aimg.nsrc=Aimg.src;
        Aimg.onmouseover=setOver;
	Aimg.onmouseout=setOut; 
	Aimg.onmouseup=setActive;
      }
    }
  }
  setNavi();
}
/*****************************************************************
 MOUSE-OVER
******************************************************************/
function setOver(e){
    /* 
    FIND THE EVENT SOURCE FOR: NN, W3C / IE / SAFARI */
    if (!e) var e = window.event; 
    if (e.target) var eSrc = e.target;  
    else if (e.srcElement)  var eSrc = e.srcElement; 
    while (eSrc.nodeType != 1)  eSrc = eSrc.parentNode;
    /* 
    LOAD THE OVER PIC IF IT IS NOT THE ACTIVE BUTTON
    ** ACHTUNG: HIER PER PHP DEN SELECTED WERT SETZEN LASSEN!** */
    if (eSrc.id != top.selected)
      eSrc.src=eSrc.hsrc; 
}
/*****************************************************************
 MOUSE-OUT (analog Mouse Over)
******************************************************************/
function setOut(e){
    if (!e) var e = window.event; 
    if (e.target) var eSrc = e.target;  
    else if (e.srcElement) var eSrc = e.srcElement; 
    while (eSrc.nodeType != 1) eSrc = eSrc.parentNode;
    if (eSrc.id != top.selected)
       eSrc.src=eSrc.nsrc;
}
/*****************************************************************
 MOUSE-OUT (analog Mouse Over)
******************************************************************/
function setActive(e){
    if (!e) var e = window.event; 
    if (e.target) var eSrc = e.target;  
    else if (e.srcElement) var eSrc = e.srcElement; 
    while (eSrc.nodeType != 1) eSrc = eSrc.parentNode;
    if (eSrc.id != top.selected){
       cleanNavi();
       eSrc.src=eSrc.ssrc;
       top.selected=eSrc.id;
	
    }
}
/*****************************************************************
 CLEAN NAVI
******************************************************************/
function cleanNavi(){
   var x=document.getElementsByTagName('IMG');
   for (var i=0; i<x.length; i++) {
     if(x[i].id)
      x[i].src=x[i].nsrc;
   }
}

/*****************************************************************
SET NAVI
SHOWS THE BUTTON WITH THE ID/NAME = defaultSelBtn AS SELECTED
******************************************************************/
function setNavi(defaultSelBtn) {
  if(!defaultSelBtn) var defaultSelBtn=top.selected;
  cleanNavi();
  var x = document.getElementsByTagName('IMG');
   if(top.selected==undefined) top.selected="sm1";
   for (var i=0; i<x.length; i++) {
     if(x[i].id==top.selected)
      x[i].src=x[i].ssrc;
   }
  top.selected = defaultSelBtn;
}