/*
#################################################################################################################
###                                                                                                           ###
###     (C) 2002 RLS Jakobsmeyer, http://www.rls.de                                                           ###
###     DLH : Dynamic-Layer-Helpsystem                                                                        ###
###                                                                                                           ###
###     Datei: layerhelp.js                                                                                   ###
###     Autor: Marius Bauer,Björn Wedler                                                                      ###
###     Aufgabe: Diese J-Script Datei beinhaltet alle Variablen und Funktionen welche zum                     ###
###              anzeigen des Hilfe Layers benötigt werden.                                                   ###
###                                                                                                           ###
###                                                                                                           ###
###                                                                                                           ###
#################################################################################################################
*/

  //Es wird bestimmt welcher Browser im einsatz ist

	 var isNS4 = (document.layers) ? true : false;
	 var isIE4 = (document.all && !document.getElementById) ? true : false;
	 var isIE5 = (document.all && document.getElementById) ? true : false;
	 var isNS6 = (!document.all && document.getElementById) ? true : false;


  //allgemeine Variablen werden Bestimmt
  var layer="hilfe";  //name des Layers

  var Xpos = -1000;
  var Ypos = -1000;

  var breite = 150;
  var aktiv;
//------------------------------------------------------------------------------------------------------------------------------------
  function showhelp(hilfe,Xpos,Ypos) {
  // Diese Funktion wird aufgerufen den Hilfe Layer aufzurufen
  // Bauer/Wedler ---25.07.02---

     if(hilfe){
       //if(window.Event){ document.captureEvents(Event.MOUSEMOVE) }    // Netscape - Das Ereignis Mousmove wird abgefragt
        //document.onmousemove = posmaus;                               // Die Funktion posmaus(); wird bei den Ereignis Mousemove aufgerufen

        //aktiv = window.setInterval("bewegen()",100);                  // Es wird ein Interval gestartet, die die Funktion bewegen(); aufruft womit die Pos. des Layers der Mauspos. angepasst wird
		window.clearTimeout(aktiv);
		aktiv = window.setTimeout('hidehelp()', 16000);

		bewegen(Xpos,(Ypos+20));
		inhaltwechseln(hilfe,Xpos,Ypos);                                // Die Funktion inhaltwechseln wird aufgerufen die den Inhalt des Layers abändert

        /*if(isNS4){                                                    // Wenn Netscape 4

            eval("document."+layer+".visibility='show'");             // Layer sichtbar machen

        }
        if(isIE4){                                                    // Wenn IE 4

            eval("document.all."+layer+"style.visibility='visible'"); // Layer sichtbar machen

        }*/
        if (isIE5 || isNS6) {                                         // Wenn IE 5 oder Netscape 6

            elm = document.getElementById(layer);
            elm.style.visibility = "visible";                            // Layer sichtbar machen


        }
      }
  }

//------------------------------------------------------------------------------------------------------------------------------------

  function absLeft(el) {
     return (el.offsetParent)?
     el.offsetLeft+absLeft(el.offsetParent) : el.offsetLeft;
  }

  function absTop(el) {
     return (el.offsetParent)?
     el.offsetTop+absTop(el.offsetParent) : el.offsetTop;
  }

//------------------------------------------------------------------------------------------------------------------------------------
   //function posmaus(e){

   // Diese Funktion wird aufgerufen um die Mausposition zu ermitteln
   // Wedler ---25.07.02--

         //if(window.Event){ Xpos= e.pageX+10} else { Xpos= event.clientX+10+document.body.scrollLeft } //X-Position des Mauszeigers wird ermittelt
         //if(window.Event){ Ypos= e.pageY} else { Ypos= event.clientY+document.body.scrollTop }       //Y-Position des Mauszeigers wird ermittelt
		 //Ypos = 170;

   //}

//------------------------------------------------------------------------------------------------------------------------------------

  function bewegen(Xpos,Ypos){

  // Diese Funktion wird aufgerufen um den Layer der Mauspostion anzupassen
  // Wedler ---25.07.02--
  //alert(Xpos+"-"+Ypos);

        /*if(isNS4){                                                         // Wenn Netscape 4

            eval("document."+layer+".left=Xpos");                          //X-Position des Layers abändern
            eval("document."+layer+".top=Ypos");                           //Y-Position des Layers abändern
        }
        if(isIE4){                                                         // Wenn IE 4

            eval("document.all."+layer+".style.left=Xpos");                 //X-Position des Layers abändern
            eval("document.all."+layer+".style.top=Ypos");                  //Y-Position des Layers abändern
        }
        if (isIE5 || isNS6) {                                              // Wenn IE 5 oder Netscape 6*/

            elm = document.getElementById(layer);
            elm.style.left = Xpos+"px";                                         //X-Position des Layers abändern
            elm.style.top = Ypos+"px";                                          //Y-Position des Layers abändern

        //}


  }

//------------------------------------------------------------------------------------------------------------------------------------

  function inhaltwechseln(hilfe,Xpos,Ypos){

  // Diese Funktion wird aufgerufen um den Inhalt des Layer einzufügen
  // Wedler ---25.07.02--

    //inhaltend ="<table width=\"151\" bgcolor=\"#B3CF80\" cellspacing=\"0\" cellpadding=\"1\" border=\"0\"><tr><td><table width=\"150\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\"><tr bgcolor=\"#488500\"><td><table border=\"0\" cellspacing=\"3\" cellpadding=\"3\"><tr><td><font style=\"font-size:8pt\" face=\"Arial\" color=\"#FFFFFF\">"+hilfe+"</font></td></tr></table></td></tr></table></td></tr></table>";

	if(hilfe.length>0){

	inhaltend = "<div clear=all>";
	inhaltend += "<table width=\""+breite+"\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"; // onMouseOver=\"showhelp(layer1,"+Xpos+","+Ypos+");\"
	inhaltend += "	  <tr>";
	inhaltend += "	    <td height=10 colspan=3 align=left width=\"100%\" valign=top><table width=\"100%\" height=10 border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";
	inhaltend += "	        <tr>";
	inhaltend += "	          <td width=12 height=10 align=right valign=top><img src=\"bilder/sub_ecke_l_o.gif\" width=12 height=10></td>";
	inhaltend += "	          <td width=\"100%\" height=10 align=left valign=top><img src=\"bilder/sub_line_o.gif\" height=10 width=\"100%\"></td>";
	inhaltend += "	          <td width=12 height=10 align=right valign=top><img src=\"bilder/sub_ecke_r_o.gif\" width=12 height=10></td>";
	inhaltend += "	        </tr>";
	inhaltend += "	      </table>";
	inhaltend += "      </td>";
	inhaltend += "	  </tr>";
	inhaltend += "	  <tr>";
	inhaltend += "	    <td width=12 height=\"100%\" align=left><img src=\"bilder/sub_line_l.gif\" width=12 height=\"100%\"></td>";
	inhaltend += "	    <td height=\"100%\" bgcolor=\"#EEEEEF\">";
	inhaltend += hilfe;
	inhaltend += "	    </td>";
	inhaltend += "	    <td width=12 height=\"100%\" align=right><img src=\"bilder/sub_line_r.gif\" width=12 height=\"100%\"></td>";
	inhaltend += "	  </tr>";
	inhaltend += "	  <tr>";
	inhaltend += "	    <td width=12 height=10 align=left><img src=\"bilder/sub_ecke_l_u.gif\" width=12 height=10></td>";
	inhaltend += "	    <td width=\"100%\" height=10 ><img src=\"bilder/sub_line_u.gif\" width=\"100%\" height=10></td>";
	inhaltend += "	    <td width=12 height=10 align=right><img src=\"bilder/sub_ecke_r_u.gif\" width=12 height=10></td>";
	inhaltend += "	  </tr>";
	inhaltend += "	</table>";
	inhaltend += "</div>";

	}

    elm = document.getElementById(layer);
	elm.innerHTML = inhaltend;                                        // Inhalt des Layers austauschen


  }


//------------------------------------------------------------------------------------------------------------------------------------
  function hidehelp() {
  // Mit dieser Funktion wird der Hilfe Layer wieder 'Deaktiviert'
  // Bauer ---25.07.02---

        //window.clearInterval(aktiv);                                     // Interval vernichten
		window.clearTimeout(aktiv);

        //Endsprechend des akt. Browsers wird der Layer unsichtbar geschaltet
        /*if(isNS4){
            eval("document."+layer+".visibility='hide'");               // Layer unsichtbar schalten
        }
        if(isIE4){
            eval("document.all."+layer+"style.visibility='hidden'");    // Layer unsichtbar schalten
        }
        if (isIE5 || isNS6) {*/
                 elm = document.getElementById(layer);
                 elm.style.visibility = "hidden";                       // Layer unsichtbar schalten
        //}

        //Layer wird in die Ausgangslage zurückgesetzt
        Xpos = -1000;
        Ypos = -1000;
        bewegen(Xpos,Ypos);                                                     // Layer wird auf den neuen Koordinaten gesetzt
  }