pp1 = new Image(); pp1.src = "nav/nav1_1.gif";
pp2 = new Image(); pp2.src = "nav/nav1_2.gif";
pr1 = new Image(); pr1.src = "nav/nav2_1.gif";
pr2 = new Image(); pr2.src = "nav/nav2_2.gif";
pf1 = new Image(); pf1.src = "nav/nav4_1.gif";
pf2 = new Image(); pf2.src = "nav/nav4_2.gif";
text1 = new Image(); text1.src = "nav/nav6_1.gif";
text2 = new Image(); text2.src = "nav/nav6_2.gif";
kunst1 = new Image(); kunst1.src = "nav/nav5_1.gif";
kunst2 = new Image(); kunst2.src = "nav/nav5_2.gif";
quellen1 = new Image(); quellen1.src = "nav/nav8_1.gif";
quellen2 = new Image(); quellen2.src = "nav/nav8_2.gif";
start1 = new Image(); start1.src = "nav/nav10_1.gif";
start2 = new Image(); start2.src = "nav/nav10_2.gif";
function n(pic,pico)
{
window.document.images[pic].src = pico.src;
}


function pp()
{
 pp =
 window.open("pp.html","pp", "width=650, height=500,  scrollbars=yes,resize=yes,menubar=no,toolbar=no,directories=no,status=no");
 pp.focus();
}
function pr()
{
 pr =
 window.open("pr.html","pr", "width=650, height=500,  scrollbars=yes,resize=yes,menubar=no,toolbar=no,directories=no,status=no");
 pr.focus();
}
function text()
{
 text =
 window.open("text.html","text", "width=650, height=500,  scrollbars=yes,resize=yes,menubar=no,toolbar=no,directories=no,status=no");
 text.focus();
}function pf()
{
 pf =
 window.open("pf.html","pf", "width=650, height=500,  scrollbars=no,resize=no,menubar=no,toolbar=no,directories=no,status=no");
 pf.focus();
}
function quellen()
{
 quellen =
 window.open("quellen.html","quellen", "width=650, height=500,  scrollbars=no,resize=no,menubar=no,toolbar=no,directories=no,status=no");
 quellen.focus();
}
function kuenstler()
{
 kuenstler =
 window.open("kuenstler.html","kuenstler", "width=650, height=500,  scrollbars=no,resize=no,menubar=no,toolbar=no,directories=no,status=no");
 kuenstler.focus();
}

    <!-- Veränderliche Variablen - Start -->
    
    Loop = 0; <!-- Loop = 1 erzeugt ne Endlosschleife beim Faden, Loop = 0 fadet von CurX zu EndX und stoppt -->
    Dir = 0; <!-- Dir = 0 fadet am Anfang von CurX zu StartX, Dir = 1 fadet am Anfang von CurX zu EndX -->
    
    StartR = 5; StartG = 113; StartB = 0;
    CurR = 238; CurG = 255; CurB = 207;
    EndR = 0; EndG = 0; EndB = 0;

    <!-- Veränderliche Variablen - Ende -->

    function HexArray(n)
    {
      this.length = n;
      for(i = 0; i < 10; i++) this[i] = i;
      this[10] = "A";
      this[11] = "B";
      this[12] = "C";
      this[13] = "D";
      this[14] = "E";
      this[15] = "F";
      return(this);
    }

    Hex = new HexArray();

    function DezNachHex(Zahl)
    {
      var High = Math.floor(Zahl / 16);
      var Low = Math.floor(Zahl - High * 16);
      return(Hex[High] + "" + Hex[Low]);
    }
  
    function FadeIn()
    {
      Flag = 0;
      if (CurR < EndR) { CurR++; Flag = 1; }
      if (CurG < EndG) { CurG++; Flag = 1; }
      if (CurB < EndB) { CurB++; Flag = 1; }
      return Flag;
    }
    
    function FadeOut()
    {
      Flag = 0;
      if (CurR > StartR) { CurR--; Flag = 1; }
      if (CurG > StartG) { CurG--; Flag = 1; }
      if (CurB > StartB) { CurB--; Flag = 1; }
      return Flag;
    }
    
    function Fade()
    {
      Changed = (Dir == 1) ? FadeIn() : FadeOut();
      document.all['Test'].style.color = '#' + DezNachHex(CurR) + DezNachHex(CurG) + DezNachHex(CurB);
      if (Changed == 0 && Loop != 1) return;
      if (Changed == 0 && Loop == 1) Dir = Dir * (-1);
      setTimeout("Fade()",20);
    }