function wczytajStrone(page)
{
$.post('szablon.php',{plik: "styl", strona: page}, function(styl) //wczytywanie stylu css
  {
   
    $('body').load('szablon.php',{plik: "szablon", strona: page}, function() //wczytywanie szablonu
    {
        $.ajax({ //wczytywanie kompoinentów
        url :"komponenty.php",
        data: ({strona: page}),
        dataType: "json",
        success: function(json){
                
                $.each(json.komponent, function(index, value){
                if(value.rodzaj=="menu") //obsługa komponentów typu menu
                {
                    if(value.orientacja=="poziome") //wyświetlanie menu poziomego
                    {
                      var container = $('#'+ value.pozycja + '').width();
                      container = container+400;
                      var aSzer= 0;
                      var usuniete = new Array();
                      var i = 0;
                        $.each(value.menu, function(menuIndex, menuValue){
                          $('#'+ value.pozycja + '').append(menuValue.zawartosc);              
                          id = $(menuValue.zawartosc + 'li:first').attr('id');
                          nSzer = $('#'+ id + ' a').width();
                          if(nSzer<70)
                          {nSzer=70;}
                          aSzer= aSzer +  nSzer + 30;
                          if (aSzer > container)
                            {usuniete[i] = $('#'+ id).detach();
                             i++;}
                        });
                          if(usuniete.length>0) {
                               $('#'+ value.pozycja + '').append('<li id="wiecej" class="przyciskMenuPoziom1"></li>')
                               for(k=0;k<usuniete.length;k++)
                                {$('#'+ value.pozycja + ' li#wiecej').append(usuniete[k]);}
                              $('#wiecej').wrapInner('<ul />').prepend('<a>więcej</a>');
                              $('#wiecej').find('ul ul').css('left', '-100%');
                            }
                          $('#'+ value.pozycja + '').wrapInner('<ul />');                                        
                    } else {
                        var ident;
                        var ident2;
                        $.each(value.menu, function(menuIndex, menuValue){
                          $('#'+ value.pozycja + '').append(menuValue.zawartosc);        
                        });
                         $('.blk1').hover(function(){ ident = $(this).attr('id');
                            $('#blk2_' + ident).show();
                             $('#blk2_' + ident + ' a').hover(function()
                                {
                                  ident2 = $('#blk2_' + ident + ' a').attr('id');
                                  //alert(ident2);
                                  var parts2 = ident2.split("_");                        
                                  $('#blk3_' + parts2[1]).show();
                                },function(){
                                  ident2 = $('#blk2_' + ident + ' a').attr('id');
                                  var parts2 = ident2.split("_");                        
                                  $('#blk3_' + parts2[1]).hide();
                                });                          
                          },function(){
                            ident = $(this).attr('id');
                            $('#blk2_' + ident).hide();
                          });
                    }
          }//koniec if menu     
          if(value.rodzaj=="artykul") //wyswietlanie artykulu
            {
              //alert('czad');
              var wiecejId;
              var wiecejId2;              
              $.each(value.artykul, function(menuIndex, artykulValue){
              $('#'+ value.pozycja + '').append(artykulValue.zawartosc);             
            });
              $("p.wiecej").hover(function(){
                $(this).css('text-decoration', 'underline');
              },
              function(){
                $(this).css('text-decoration', 'none');              
              });
              

              $("p.wiecej").click(function(event){
                wiecejId=$(this).attr('id');
                wiecejId2=wiecejId.split("_");
                $('#tresc_' + wiecejId2[1]).toggle('slow');
                event.stopImmediatePropagation();
              });              
            }
          if(value.rodzaj=="blog")
            {
              idKomponentu = value.idKomponentu;  
              $.each(value.blog, function(menuIndex, artykulValue){
              $('#'+ value.pozycja + '').append(artykulValue.zawartosc);       
              });
            
              $(".wiecej").hover(function(){
                  $(this).css('text-decoration', 'underline');
                },
                function(){
                  $(this).css('text-decoration', 'none');              
              });  
              
              $(".wiecej").click(function(){
                  wiecejId=$(this).attr('id');
                  wiecejId2=wiecejId.split("_");
                  $('#blog_' + idKomponentu + '').load("interakcja.php?co=blog", { k: '' + idKomponentu + '', a: '' + wiecejId2[1] + '', zmiana: "pojedynczy" },function(){
                     $(".wiecej").hover(function(){
                      $(this).css('text-decoration', 'underline');
                    },
                    function(){
                      $(this).css('text-decoration', 'none');              
                    });  
                });
              });
              

              $('#' + idKomponentu + '_1').css('font-weight','bold');
                          
              $(".start").click(function(){ //zmiana zakresu wyświetlania
                $(".start").each(function(){
                $(this).css('font-weight','normal'); //normalna czcionka dla nieprzeglądanych zakresów
                });
                $(this).css('font-weight','bold');  //wyboldowana czcinka dla przegladanego zakresu            
                
                sta=$(this).attr('id');
                star=sta.split("_");
                $('#blog_' + idKomponentu + '').load("interakcja.php?co=blog", { k: '' + idKomponentu + '', start: '' + star[1]-1 + '', zmiana: "move" },function(){
                   $(".wiecej").hover(function(){
                    $(this).css('text-decoration', 'underline');
                  },
                  function(){
                    $(this).css('text-decoration', 'none');              
                  });  
                  
                  $(".wiecej").click(function(){
                    wiecejId=$(this).attr('id');
                    wiecejId2=wiecejId.split("_");
                    $('#blog_' + idKomponentu + '').load("interakcja.php?co=blog", { k: '' + idKomponentu + '', a: '' + wiecejId2[1] + '', zmiana: "pojedynczy" },function(){
                     $(".wiecej").hover(function(){
                      $(this).css('text-decoration', 'underline');
                    },
                    function(){
                      $(this).css('text-decoration', 'none');              
                    });  
                    
               
                  });
                  });           
                });
              });
              
            }
          if(value.rodzaj=="wydarzenia")
            {
              idKomponentu = value.idKomponentu;  
              $.each(value.wydarzenia, function(menuIndex, artykulValue){
              $('#'+ value.pozycja + '').append(artykulValue.zawartosc);       
              });
            
              $(".wiecej").hover(function(){
                  $(this).css('text-decoration', 'underline');
                },
                function(){
                  $(this).css('text-decoration', 'none');              
              });  
              
              $(".wiecej").click(function(){
                  wiecejId=$(this).attr('id');
                  $('#' + wiecejId + '').empty();
                  wiecejId2=wiecejId.split("_");
                  $('#wydarzenia_' + idKomponentu + '').load("interakcja.php?co=blog", { k: '' + idKomponentu + '', a: '' + wiecejId2[1] + '', zmiana: "pojedynczy" },function(){
                     $(".wiecej").hover(function(){
                      $(this).css('text-decoration', 'underline');
                    },
                    function(){
                      $(this).css('text-decoration', 'none');              
                    });  
                });
              });
              

              //$('#' + idKomponentu + '_1').css('font-weight','bold');
                          
              $(".start").click(function(){ //zmiana zakresu wyświetlania
                $(".start").each(function(){
                $(this).css('font-weight','normal'); //normalna czcionka dla nieprzeglądanych zakresów
                });
                $(this).css('font-weight','bold');  //wyboldowana czcinka dla przegladanego zakresu            
                
                sta=$(this).attr('id');
                star=sta.split("_");
                $('#wydarzenia_' + idKomponentu + '').load("interakcja.php?co=wydarzenia", { k: '' + idKomponentu + '', start: '' + star[1]-1 + '', zmiana: "move" },function(){
                   $(".wiecej").hover(function(){
                    $(this).css('text-decoration', 'underline');
                  },
                  function(){
                    $(this).css('text-decoration', 'none');              
                  });  
                  
                  $(".wiecej").click(function(){
                    wiecejId=$(this).attr('id');
                    wiecejId2=wiecejId.split("_");
                    $('#wydrzenia_' + idKomponentu + '').load("interakcja.php?co=wydarzenia", { k: '' + idKomponentu + '', a: '' + wiecejId2[1] + '', zmiana: "pojedynczy" },function(){
                     $(".wiecej").hover(function(){
                      $(this).css('text-decoration', 'underline');
                    },
                    function(){
                      $(this).css('text-decoration', 'none');              
                    });  
                    
               
                  });
                  });           
                });
              });
              
            }            
          if(value.rodzaj=="kalendarz")
            {
              $.each(value.kalendarz, function(calIndex, calValue){
              $('#'+ value.pozycja + '').append(calValue.zawartosc);       
              });   
              
              function zmienMiesiac(){
                var d=$(this).attr('id');
                var da=d.split("_");
                $('#kalendarzDiv_' + da[3] + '').load("interakcja.php?co=kalendarz",
                 { k: '' + da[3] + '', month: '' + da[1] + '', year: '' + da[2] + '', zmiana: da[0] }, function()
                 {
                      $(".changeMonth").click(zmienMiesiac); 
                      cloud(); 
                      $(".chmurkaSpan a").click(pokazWydarzenie);                      
                 });              
              }
              
              $(".changeMonth").click(zmienMiesiac);
              
              function cloud(){ //wyswietlenie chmurki po najechaniu na datę
              $('.chmurka').each(function(){
              $(this).hover(function(){
                //alert('hover');
                var poka=$(this).position();
                $(this).children().css('left', poka.left,'top', poka.top).toggleClass("chmurkaSpanPokaz");
                
                });
              });
              }
              
              cloud();         

            function pokazWydarzenie() //funkcja pokazująca pełen artykuł (wydarzenie/blog - po kliknięciu
            {

               var d=$(this).attr('id');
                var da=d.split("_");              
              $('#lewy-content').load('interakcja.php?co=kalendarz',{ art: '' + da[1] + ''},function()
                {
                  $(".chmurkaSpan a").click(pokazWydarzenie);
                });
               //alert(d);                
          
            }    
            
            $(".chmurkaSpan a").click(pokazWydarzenie); 
            }
            
            /*koniec funkcji wyswietlania kalendarza*/
            
        if(value.rodzaj=="logowanie") //wyświetlanie komponentów logowania
          {
            $.each(value.logowanie, function(logIndex, logValue){
            $('#'+ value.pozycja + '').append(logValue.zawartosc);             
            });          
            
            $('#loginDz').focus(function(){
            if($(this).val()=="login")
              {$(this).val('');}
              $(this).css({'color':'#666666','font-size':'12px'});           
            });
            $('#loginDz').blur(function(){
            if($(this).val()=="")
              {$(this).val('login');}
              $(this).css({'color':'#374764','font-size':'11px'});             
            }); 
            
            $('#hasloDz').focus(function(){
            if($(this).val()=="hasło")
              {$(this).val('');}
              $(this).css({'color':'#666666','font-size':'12px'});           
            });
            $('#hasloDz').blur(function(){
            if($(this).val()=="")
              {$(this).val('hasło');}
              $(this).css({'color':'#374764','font-size':'11px'});             
            });
            
            $('#submitDz').click(function(){
              //alert('du');
            $('#logowanieDzForm').ajaxSubmit(function(zwrot) { 
              alert(zwrot);
              document.location = 'dzienniczek.php';
            });
            }); 
            
            $('a.wylogujSie').click(function(){
            $.post('interakcja.php?wyloguj=1',function(){
            location.reload();
            });
            });
                                    
          
          } //koniec funkcji logowania 
                              
        }); //koniec each json komponent
        }    
    });
  });
            var link=$(styl).attr('href');
            if (document.createStyleSheet){
            document.createStyleSheet(link);
            }
            else {
            $("head").append(styl);
            }
$("head").append(styl);   
});//koniec callbacku wstawiania stylu
}