$(function () {
  
  
  var source = $('#bouquets-template').html();
  var template = Handlebars.compile(source);
  
  var data = {bouquets: [
    {name: 'NTV', channels: [
      {name: 'Россия 24', 
       logo_url: "http://www.lyngsat-logo.com/logo/tv/rr/rossiya_24.jpg",
       actions: [
        {device: 'matrix', command: 'in1'},
        {device: 'matrix', command: 'out5'},
        {device: 'humax', command: '1001'}
      ]},
      {name: 'Первый',
       logo_url: "http://www.lyngsat-logo.com/logo/tv/pp/perviy_kanal_sng.jpg"},
      {name: 'Второй'},
      {name: 'Третий'},
      {name: 'Четвертый'},
      {name: 'Пятый'}
    ]},
    {name: 'NOVA', channels: [
      {name: 'novacinema 1'},
      {name: 'novacinema 2'}
    ]},
    {name: 'SKY', channels: [
      {name: 'Supercalcio'},
      {name: 'LA7'}
    ]},
    {name: 'DUNE', channels: [
      {name: 'Ren TV'},
      {name: 'Nikelodeon'}
    ]},
    {name: 'CYTA', channels: [
      {name: 'ANT1'},
      {name: 'MEGA'},
      {name: 'SIGMA'},
      {name: 'ERT'},
      {name: 'LTV'}
    ]}
   ]};
  $('#bouquet-list').append(template(data));
  $('#bouquet-list ul')
    .listview()
    .listview('refresh');
  
  _.each(data.bouquets, function(bouquet) {
    var source = $("#bouquet-template").html();
    var template = Handlebars.compile(source);
//     console.log(template(bouquet));
//     console.log(bouquet);
//     console.log(bouquet.channels);
    var page = $(template(bouquet));
//     console.log(page);
    page.appendTo($.mobile.pageContainer);
  });
});