var abc=0;
    
    $(document).ready(function(){
          //startujemy    
          run(); 
                
    });
    //powtarzamy
    var setRun = setInterval("run();", 6000);   
    
    //animuje    
    function run(){
      el = document.getElementById("boxNavig");
      el2 = el.getElementsByTagName("li");
      
      if(abc == el2.length){
          abc = 1;
      } else {
          abc++;          
      }
      show(abc,'int');
    }
    
    //wykonuje                    
    function show(id,inter){
          
          //jesli chcemy by po kliku zatrzymała sie animacja
          if(!inter){
              //clearInterval(setRun);
          }     
          
          //jakies animacje wyłączone ponieważ nie jest teraz potrzebne                
         // $("#boxBody").hide();
         // $("#boxBody").html($(".id_"+id).html());          
         // $("#boxBody").fadeIn("fast");
                    
          var bb = document.getElementById("boxBody");
          var bb2 = bb.getElementsByTagName("span");
          var iloscliwbb = bb2.length;
          iloscliwbb = iloscliwbb +1;
          for(j=0;j<bb2.length;j++){  
            bb2[j].className = "bigpichide";
            
          } 
          //$("#debug").html(id+" "+j+"ilosc:"+iloscliwbb); 
          bb2[id-1].className = "bigpicshow";
          $(".bigpicshow").animate({
             opacity: 'show'
           }, "slow", "easein");

            
          var el = document.getElementById("boxNavig");
          var el2 = el.getElementsByTagName("li");
          var iloscli = el2.length;
          iloscli = iloscli +1;
          for(i=0;i<el2.length;i++){
            el2[i].className = "";
          }
          el2[id-1].className = "sel";
    }