$(function() {
  var cikkek = '';

  // teljes termeklista
  $.getJSON('/ertekesites/ajaxgettermekek/',{},
      function(data){
        if(data != []) cikkek = data;
      }
  );

  $('.bolt').click(function() {
    b = $(this).attr('bolt');

    // kep modositasa
    var img_src = '/files/biopont.com/ertekesites/' + $(this).attr('bolt_pic') + '.jpg';
    var img = new Image();
    $(img).load(function () {
      $('.boltkep').attr('src', img_src);
      $('.boltkep').show();
    }).error(function () {
      $('.boltkep').hide();
    }).attr('src', img_src);    
    // kep modositasa vege

    $('#termekek_head').text($(this).text() + ' termékek');

    $('table.boltok td ul li').children('a.bolt').removeClass('selected');
    $(this).addClass('selected');
    if(cikkek[b]) {
      h = cikkek[b].length;
      f = cikkek[b].length / 2;
      $.each(cikkek[b], function(i) {
        if(i==0) {
          html = '<ul>';
        }
        html += '<li>' + cikkek[b][i] + '</li>';
        if(i <= f && i+1 > f) {
          html += '</ul>';
          $('.oszlop0').html(html);
          html = '<ul>';
        }
        else if(i+1>=h) {
          html += '</ul>';
          $('.oszlop1').html(html);
        }
      });
    }
    else {
       $('.oszlop0').html('');
       $('.oszlop1').html('');
    }
  });
});