var navigation=new Navigation();
var subnavigation=new Subnavigation();
var subsubnavigation= new SubsubNavigation();

//litteral nav_texte 
var navi_txt={ 
       1: {1: "Aktuell", 2: "News", 3: "Projekte"},
       2: {1: "Ausrüstung", 2: "Studios", 3:"Instrumente"},
       3: {1: "Vermietung", 2: "Dienstleistung", 3: "Mietobjekte"},
       4: {1: "Preise", 2: "Studio", 3: "Verleih"},
       5: {1: "Kontakt", 2: "Adressen", 3: "Feedback"}
         };
   
//definition klasse navigation/////

function Navigation(){  

        //navigationszaehler
        this.zeiger=0;

        //html implementmethose navigation
        this.set_navigation=function(){
    
              for(i=1;i<=5;i++){
	              //btnpic setzen
				 	 document.write("<img src='frontend/bilder_layout/but_"+i+".gif' id='navi_"+i+"'>");
	              //pointer setzen
					 document.getElementById('navi_'+i).style.cursor="pointer";
	  	           //name setzen
				 	document.getElementById('navi_'+i).name="nav_"+i;
				   //handler setzen für alle btn-zustönde      
				     document.getElementById("navi_"+i).onclick=event_tot.get_event;
				   }
            }	  
   
 } 
   
 //definition klasse subnavigation

function Subnavigation(){

       //subnavi setzmethode
		      this.set_subnavigation=function(){
	     		   		   
           			//pointer setzen
		   			document.getElementById('subnavi_1').style.cursor="pointer";
		   			//button als background setzen
           			document.getElementById('subnavi_1').style.background="aqua url(frontend/bilder_layout/subbut.gif)";
           			//handler setzen 
		   			document.getElementById('subnavi_1').innerHTML="<table><tr><td valign='middle' class='navi_txt' id='subnav_1'>"+navi_txt[navigation.zeiger][1]+"</td></tr></table>";
           			document.getElementById('subnav_1').name='subnav1';
           			document.getElementById('subnav_1').onclick=event_tot.get_event;
		   			}
				
				this.home=function(){
	     		   		   
           			//pointer setzen
		   			document.getElementById('subnavi_2').style.cursor="pointer";
		   			//button als background setzen
           			document.getElementById('subnavi_2').style.background="aqua url(frontend/bilder_layout/subbut.gif)";
           			//handler setzen 
		   			document.getElementById('subnavi_2').innerHTML="<table><tr><td valign='middle' class='navi_txt' id='subnav_2'>Home</td></tr></table>";
           			document.getElementById('subnav_2').name='subnav2';
           			document.getElementById('subnav_2').onclick=event_tot.get_event;
		   			
		            }	
					
}


///////////////////////////////////////////



///definition klasse subsubnavigation

function SubsubNavigation(){

           this.set_subsubnavigation=function(){
    
	                //buttons setzen
					document.getElementById('subsubnavi_1').style.background="aqua url(frontend/bilder_layout/subbut_over.gif)";
					document.getElementById('subsubnavi_1').style.cursor="pointer";
					document.getElementById('subsubnavi_1').innerHTML="<table><tr><td valign='middle' class='navi_txt' id='subsubnav_1'>"+navi_txt[navigation.zeiger][2]+"</td></tr></table>";
					document.getElementById('subsubnav_1').name="subsubnav1"; 	
					document.getElementById('subsubnav_1').onclick=event_tot.get_event;
					
	                
					
    				document.getElementById('subsubnavi_2').style.background="aqua url(frontend/bilder_layout/subbut.gif)";
					document.getElementById('subsubnavi_2').style.cursor="pointer";
					document.getElementById('subsubnavi_2').innerHTML="<table><tr><td valign='middle' class='navi_txt' id='subsubnav_2'>"+navi_txt[navigation.zeiger][3]+"</td></tr></table>";
					document.getElementById('subsubnav_2').name="subsubnav2"; 	
					document.getElementById('subsubnav_2').onclick=event_tot.get_event;
					
	 		}
}