function riadky(pocet){

         var riadkovia = '<div class="riadok"></div>';

         

         for(var a=1; a<pocet; a++){

            riadkovia += '<div class="riadok"></div>';

         }

         document.getElementById('riadky1').innerHTML = riadkovia;

}



function zmena(akcia,cislo){

  

  //riadky(10); // zavola funkciu pre vykreslenie linajok   

  

  // premenné DATE dnes   

  var aktual = new Date();

    var den    = aktual.getDate();

    var mesiac = aktual.getMonth();

    var rok    = aktual.getFullYear();

    var denPoradie = aktual.getDay();

    var denMeno = new Array('<span style="color: red;">Ne</span>','Po','Ut','St','Št','Pi','<span style="color: red;">So</span>');

    var denMenoCele= new Array('<span style="color: red;">Nedeľa</span>','Pondelok','Utorok','Streda','Štvrtok','Piatok','<span style="color: red;">Sobota</span>');

    var mesiacMeno = new Array("Január","Február","Marec","Apríl","Máj","Jún","Júl","August","September","Október","November","December");



  if(akcia=='sup'){

    // vrch - dnes  

    var vrchna  = '<div class="riadok0">';

        vrchna += '   <div class="riadok_vlavo"><u><i>dnes je: </i></u></div>';

        vrchna += '   <div class="riadok_vpravo" style="text-align: right;"><div id="navigacia">.</div></div>';      

        vrchna += '</div>';

        vrchna += '<div class="riadok0">';

        vrchna += '   <div class="riadok_vlavo" style="width:38px; max-width:38px;"><span class="red">'+denMenoCele[denPoradie]+':</span></div>'; 

        vrchna += '   <div class="riadok_vpravo" style="width:98px; min-width:98px;"><b>'+den+'.</b><span class="red">'+mesiacMeno[mesiac]+' </span><b>'+rok+'</b></div>';

        vrchna += '</div>';

        vrchna += '<table cellpadding="0" cellspacing="0" border="0" class="dalsie">';

        vrchna += '<tr valign="top">';

        vrchna += '   <td width="28%" align="center"><span class="meniny">meniny:</span></td>';

        vrchna += '   <td width="72%" align="center" rowspan="2"><strong class="meno"> '+meniny[mesiac][(den-1)]+' </strong></td>';

        vrchna += '</tr>';

        vrchna += '<tr><td><i class="nevidno">.</i></td></tr></table>';

  }

  else{ 

    var vrchna  = '<div class="riadok0">';

        vrchna += '      <div class="riadok_vlavo" style="color: snow;">.</div>';

        vrchna += '      <div class="riadok_vpravo"><div id="navigacia">.</div></div>';      

        vrchna += '</div>';

        vrchna += '<div class="riadok1" style="color: snow;">.</div>';

        

  }

  document.getElementById('riadky_vrch').innerHTML = vrchna;

  

// data pre strednu cast                                                                                          

  

  if(akcia=='sup') { var cisloOd = cislo;

                     var cisloPlus = cislo + 5; 

                     var cisloPreDals = cisloPlus;

                     var cisloPreSpat = cislo; 

                   }

  

  if(akcia=='dals'){ var cisloOd = cislo;

                     var cisloPlus = cislo + 7; 

                     var cisloPreDals = cisloPlus; 

                     var cisloPreSpat = cislo;

                   }

  

  if(akcia=='spat'){ var cisloPlus = cislo; 

                     var cisloOd = cislo - 7;

                     var cisloPreDals = cisloPlus;

                     var cisloPreSpat = cisloOd;

                   }

  

  var stredna = new Array();

  var stredok = '';

  var miesonc = mesiac;

     

  for(var a=cisloOd; a<cisloPlus; a++){   

      

      // premenné DATE dalsie 

      var dalsie = new Date();

  

      dalsie.setTime(dalsie.getTime()+(a*24*60*60*1000));

     

      var denPoradieDalsi= dalsie.getDay();

      var denDalsi       = dalsie.getDate();

      var mesiacDalsi    = dalsie.getMonth(); 

      

      // dalsie dni  

      if( mesiacDalsi == miesonc ){   

      

        stredna[a]  = '<tr class="dalsie_dni">';

        stredna[a] += '<td class="dalsie_dni_vlavo"> <span class="den">'+denMeno[(denPoradieDalsi)]+': </span><strong>'+denDalsi+'.'+(mesiacDalsi+1)+'. </strong></td>';

        stredna[a] += '<td class="dalsie_dni_vpravo"><strong style="color:crimson; font-style:italic;">'+meniny[mesiacDalsi][(denDalsi-1)]+'</strong></td>';

        stredna[a] += '</tr>';

      }

      // ak sa zmenil mesiac - vypis aj meno mesiaca

      else{

         stredna[a]  = '<tr class="dalsie_dni">';

         stredna[a] += '<td class="dalsie_dni_vlavo" style="color: snow;">.</td>';

         stredna[a] += '<td class="dalsie_dni_vpravo"><span class="red">'+mesiacMeno[mesiacDalsi]+' </span><b>'+rok+'</b></td>';

         stredna[a] += '</tr>'; 

         

         stredna[a] += '<tr class="dalsie_dni">';

         stredna[a] += '<td class="dalsie_dni_vlavo"> <span class="den">'+denMeno[(denPoradieDalsi)]+': </span><strong>'+denDalsi+'.'+(mesiacDalsi+1)+'. </strong></td>';

         stredna[a] += '<td class="dalsie_dni_vpravo"><strong style="color:crimson; font-style:italic;">'+meniny[mesiacDalsi][(denDalsi-1)]+'</strong></td>';

         stredna[a] += '</tr>';

         

         miesonc = mesiacDalsi;

      }

      stredok += stredna[a];

   }

   // vypis strednej casti  

   document.getElementById('riadky_stred').innerHTML = '<table cellpadding="0" cellspacing="0" border="0" class="dalsie">'+stredok+'</table>';



// data pre spodnu cast                                                                                          

    var spodna  = '<input type="button" name="spat" value="&laquo;" onClick="zmena(\'spat\','+cisloPreSpat+');" class="tlac_kalendar">';

        spodna += '<input type="button" name="dnes" value="&bull;"  onClick="zmena(\'sup\',1);" class="tlac_kalendar">';

        spodna += '<input type="button" name="dopr" value="&raquo;" onClick="zmena(\'dals\','+cisloPreDals+');" class="tlac_kalendar">';

    

    document.getElementById('navigacia').innerHTML = spodna;

}