// vyrobi prazdne banery podla vysky contentu a tiez
// dopocita vysku contentu aby sedela s gridom banerov

$(document).ready(function() {

  var margin = 10;
  var banner_empty = 'images/banner_empty.gif';
  var logo_height = 245;
  
  var container_height = $('#container').height();     
  var banners_height = $('.banners').height();
  
  var banner_count = $('.banner').length;
  
  var i = 0;
  var halt = 50;  // poistka
  
  // doplnime prazdne banery
  while ((container_height > banners_height) && (i <= halt))
  {
    // treba rozlisovat ci pridavame lavy alebo pravy baner
    if (banner_count % 2 == 0)
      $('.banners').append('<div class="banner"><img width="137" height="41" alt="." src="' + banner_empty + '"></div>');   
    else
      $('.banners').append('<div class="banner last"><img width="137" height="41" alt="." src="' + banner_empty + '"></div>');      
      
    banners_height = $('.banners').height();    
    
    banner_count++;
    i++;  
  }
  
  // akonahle sme dosiahli pozadovanu vysku banerov cyklus bol ukonceny, 
  // potrebujeme vsak este doplnit posledny baner vpravo, kedze v kazdom
  // riadku su dva a po dosiahnuty vysky mame v poslednom riadku len lavy
  $('.banners').append('<div class="banner last"><img width="137" height="41" alt="." src="' + banner_empty + '"></div>')
  
  // nakoniec dorovname vysku contentu k banerom
  // margin treba zapocitat dvakrat lebo kazdy samostatny baner ma 
  // dolny margin takze element '.banners' ma dole margin
  $('#content').height( banners_height - logo_height - (margin*2) );  
});