var cat_name;
var button_lvl1= "none";
var button_lvl2= "none";
var button_lvl3= "none";
var loaded = false;
var imageArray = new Array();


function navigate(name)
{

        var text_name = "TEXT_"+name;
        var header_name = "HEADER_"+name;
        cat_name = "cat_"+name;

        //Den Content des Hauptfensters anzeigen


        hide_header();
        hide_text();

        document.getElementById(text_name).style.display="block";

        //Den Content des Headers anzeigen


        document.getElementById(header_name).style.display="block";

        //Das Menü ansteuern

        if(name=="home" || name=="philosophie" || name=="elemente" || name=="streifzuege" || name=="neues" || name =="landstreicherin" || name=="kontakt" || name=="impressum")
        {

                document.images[name].src = 'pics/'+name+'2.gif';
                if(name!=button_lvl1)
                {
                        hide_menue();
                        if(document.getElementById(cat_name))
                        {
                                document.getElementById(cat_name).style.display="inline";
                        }
                        if(button_lvl1!="none")
                        {
                                document.images[button_lvl1].src = 'pics/'+button_lvl1+'1.gif';
                                if(button_lvl2!="none")
                                {
                                        document.images[button_lvl2].src = 'pics/'+button_lvl2+'1.gif';
                                        if(button_lvl3!="none")
                                        {
                                                document.images[button_lvl3].src = 'pics/'+button_lvl3+'1.gif';
                                        }
                                }

                        }

                }
                else
                {
                        if(button_lvl2!="none")
                        {

                                document.images[button_lvl2].src = 'pics/'+button_lvl2+'1.gif';
                                if(button_lvl3!="none")
                                {
                                        document.images[button_lvl3].src = 'pics/'+button_lvl3+'1.gif';
                                }
                        }
                }
                button_lvl1=name;
        }
        if(name=="holz" || name=="feuer" || name=="metall" || name=="wasser" || name=="erde" || name=="programm" || name=="firmen" || name=="familien" || name=="geburtstag" || name=="schulen" || name=="ios" || name=="vorhaben" || name=="galerie" || name=="referenzen")
        {

                document.images[name].src = 'pics/'+name+'2.gif';
                if(name!=button_lvl2)
                {
                        if(button_lvl2!="none")
                        {
                                document.images[button_lvl2].src = 'pics/'+button_lvl2+'1.gif';
                                if(("cat_"+button_lvl2)=="cat_programm")
                                {
                                        document.getElementById("cat_programm").style.display="none";
                                }
                                if(button_lvl3!="none")
                                {
                                        document.images[button_lvl3].src = 'pics/'+button_lvl3+'1.gif';
                                }

                        }
                        if(("cat_"+name)=="cat_programm" )
                        {
                                hide_menue();
                                document.getElementById("cat_streifzuege").style.display="inline";
                                document.getElementById("cat_programm").style.display="inline";
                        }
                        if(("cat_"+name)=="cat_familien")
                        {
                                hide_menue();
                                document.getElementById("cat_streifzuege").style.display="inline";
                                document.getElementById("cat_familien").style.display="inline";
                        }
                }
                else
                {
                        if(button_lvl3!="none")
                        {
                                document.images[button_lvl3].src = 'pics/'+button_lvl3+'1.gif';
                        }

                }
                button_lvl2=name;
        }

        if(name=="ausruestung" || name=="aus")
        {
                document.images[name].src = 'pics/'+name+'2.gif';
                if(name!=button_lvl3)
                {
                        if(button_lvl3!="none")
                        {
                                document.images[button_lvl3].src = 'pics/'+button_lvl3+'1.gif';
                        }
                }
                button_lvl3=name;
        }


}


function hide_menue()
{
                document.getElementById("cat_programm").style.display="none";
                document.getElementById("cat_familien").style.display="none";
                document.getElementById("cat_elemente").style.display="none";
                document.getElementById("cat_streifzuege").style.display="none";
                document.getElementById("cat_neues").style.display="none";
                 document.getElementById("cat_landstreicherin").style.display="none";
}

function hide_text()
{
        document.getElementById("TEXT_home").style.display="none";
        document.getElementById("TEXT_philosophie").style.display="none";
        document.getElementById("TEXT_elemente").style.display="none";
        document.getElementById("TEXT_holz").style.display="none";
        document.getElementById("TEXT_feuer").style.display="none";
        document.getElementById("TEXT_metall").style.display="none";
        document.getElementById("TEXT_erde").style.display="none";
        document.getElementById("TEXT_wasser").style.display="none";
        document.getElementById("TEXT_streifzuege").style.display="none";
        document.getElementById("TEXT_programm").style.display="none";
        document.getElementById("TEXT_firmen").style.display="none";
        document.getElementById("TEXT_familien").style.display="none";
        document.getElementById("TEXT_ausruestung").style.display="none";
         document.getElementById("TEXT_aus").style.display="none";
        document.getElementById("TEXT_geburtstag").style.display="none";
         document.getElementById("TEXT_schulen").style.display="none";
          document.getElementById("TEXT_ios").style.display="none";
               document.getElementById("TEXT_neues").style.display="none";
        document.getElementById("TEXT_vorhaben").style.display="none";
        document.getElementById("TEXT_galerie").style.display="none";
         document.getElementById("TEXT_referenzen").style.display="none";
        document.getElementById("TEXT_landstreicherin").style.display="none";
        document.getElementById("TEXT_kontakt").style.display="none";
        document.getElementById("TEXT_impressum").style.display="none";

}

function hide_header()
{
        document.getElementById("HEADER_home").style.display="none";
        document.getElementById("HEADER_philosophie").style.display="none";
        document.getElementById("HEADER_elemente").style.display="none";
        document.getElementById("HEADER_holz").style.display="none";
        document.getElementById("HEADER_feuer").style.display="none";
        document.getElementById("HEADER_metall").style.display="none";
        document.getElementById("HEADER_erde").style.display="none";
        document.getElementById("HEADER_wasser").style.display="none";
        document.getElementById("HEADER_streifzuege").style.display="none";
        document.getElementById("HEADER_programm").style.display="none";
        document.getElementById("HEADER_firmen").style.display="none";
        document.getElementById("HEADER_familien").style.display="none";
        document.getElementById("HEADER_ausruestung").style.display="none";
        document.getElementById("HEADER_aus").style.display="none";
        document.getElementById("HEADER_geburtstag").style.display="none";
         document.getElementById("HEADER_schulen").style.display="none";
         document.getElementById("HEADER_ios").style.display="none";
        document.getElementById("HEADER_neues").style.display="none";
        document.getElementById("HEADER_vorhaben").style.display="none";
        document.getElementById("HEADER_galerie").style.display="none";
         document.getElementById("HEADER_referenzen").style.display="none";
        document.getElementById("HEADER_landstreicherin").style.display="none";
        document.getElementById("HEADER_kontakt").style.display="none";
        document.getElementById("HEADER_impressum").style.display="none";
}


function addNavImage(name,norm,over)
{
        var x = imageArray.length;
        imageArray[x] = new Array(name, norm, over,null,null,null);
}


function loadImages()
{
        for (i = 0; i < imageArray.length; i++)
        {
                 imageArray[i][3] = new Image();
                 imageArray[i][3].src = imageArray[i][1];
                 imageArray[i][4] = new Image();
                 imageArray[i][4].src = imageArray[i][2];
        }
        loaded=true;
}

function picChange(name,s)
{
        if(loaded)
        {
                if(name!=button_lvl1 && name!=button_lvl2 && name!=button_lvl3)
                {
                document.images[name].src = 'pics/'+s;
                }
        }


}