$(document).ready( function() {

   window.initTSP=0;
   
   setIval();

   
   // Tropfen ausfaden
   $("#button-unternehmen").fadeTo(0,window.initTSP);
   $("#button-leistungen").fadeTo(0,window.initTSP);   
   $("#button-anwendungen").fadeTo(0,window.initTSP);  
   $("#button-kontakt").fadeTo(0,window.initTSP);    
   $("#button-jobboerse").fadeTo(0,window.initTSP);       
   
   // Menüs ausfaden und auf display:none setzen
   $("#menu-unternehmen").fadeTo(0,0);
   $("#menu-unternehmen").css({
      display:"none"
   });
   
   $("#menu-anwendungen").fadeTo(0,0);
   $("#menu-anwendungen").css({
      display:"none"
   });   
   
   $("#menu-leistungen").fadeTo(0,0);
   $("#menu-leistungen").css({
      display:"none"
   });      
   
   
   // MouseOut binden auf Menüs
   $(".menu-mouseout").mouseout(
      function() {
	     setIval();
	  }
   );
   
   // MouseOver binden auf Menüs
   $(".menu-mouseout").mouseover(
      function() {
	     killIval();
	  }
   );   
   
   
   $("#button-unternehmen").mouseover(
      function() {
	     hideAct();
         $("#button-unternehmen").fadeTo(500,1);
         window.actButton="unternehmen";
		 window.actCat=1;
         killIval();

         // Menü einfaden
         $("#menu-unternehmen").css({
            display:"inline"
         });
         $("#menu-unternehmen").fadeTo(500,1);		 
      }
   );
   
   $("#button-unternehmen").mouseout(
      function() {
         setIval();
      }
   );   
   
  
   $("#button-leistungen").mouseover(
      function() {
	     hideAct();
         $("#button-leistungen").fadeTo(500,1);
         window.actButton="leistungen";
		 window.actCat=1;
         killIval();	

         // Menü einfaden
         $("#menu-leistungen").css({
            display:"inline"
         });
         $("#menu-leistungen").fadeTo(500,1);	
		 
      }
   );
   
   $("#button-leistungen").mouseout(
      function() {
         setIval();
      }
   );     

   
   $("#button-anwendungen").mouseover(
      function() {
	     hideAct();
         $("#button-anwendungen").fadeTo(500,1);
         window.actButton="anwendungen";
		 window.actCat=1;
         killIval();		 
		 
         // Menü einfaden
         $("#menu-anwendungen").css({
            display:"inline"
         });
         $("#menu-anwendungen").fadeTo(500,1);			 
		 
      }
   );
   
   $("#button-anwendungen").mouseout(
      function() {
         setIval();
      }
   );     
   
   
   $("#button-kontakt").mouseover(
      function() {
	     hideAct();
         $("#button-kontakt").fadeTo(500,1);
         window.actButton="kontakt";
		 window.actCat=1;
         killIval();		 
      }
   );
   
   $("#button-kontakt").mouseout(
      function() {
         setIval();
      }
   );  


   $("#button-jobboerse").mouseover(
      function() {
	     hideAct();
         $("#button-jobboerse").fadeTo(500,1);
         window.actButton="jobboerse";
		 window.actCat=1;
         killIval();		 
      }
   );
   
   $("#button-jobboerse").mouseout(
      function() {
         setIval();
      }
   );     
   
   
});


function showCat(catNo) {
   // Nur ausblenden, wenn catNo !0 actCat
   if (catNo != window.actCat) {
      $("#navi-oben-"+window.actCat+"").fadeTo(600,0);
   }
   window.actCat=catNo;
   $("#navi-oben-"+window.actCat+"").fadeTo(600,1);
   killIval();
}

function catOut() {
   setIval();
}

function setIval() {
   timeOn = setTimeout("hideAct()", 500);
}

function hideAct() {
   $("#button-"+window.actButton+"").fadeTo(200,window.initTSP);
   $("#menu-"+window.actButton+"").fadeTo(200,0);
}

function catOver() {
   killIval();
}

function killIval() {
   clearTimeout(timeOn);
}