document.write('<script type="text/javascript" src="/static/js/sa/scriptaculous.js?load=effects,builder"></script>');

document.observe("dom:loaded", function() {
  new Ajax.Request('/ajax/media/', {
    method: 'get',
    onSuccess: function(transport) {
      reply = transport.responseJSON;
      var text = '';
      text += '<p style="text-align:center;text-indent:0px;font-size:1.2em"><b>В эфире</b>: ';
      text += '<a href="#" onclick="$(\'jstMediaRadio\').show();$(\'jstMediaTV\').hide();">Радио</a> (' + reply.radio.size() + ') &bull; ';
      text += '<a href="#" onclick="$(\'jstMediaRadio\').hide();$(\'jstMediaTV\').show();">ТВ</a> (' + reply.video.size() + ')</p>';
      
      text += '<div id="jstMediaRadio" style="display:none;"><h3><a href="http://radio.jst/radio.m3u">Радиостанции</a></h3><ul>';
      for (var i = 0; i < reply.radio.size(); i++)
      {
        text += '<li>' + reply.radio[i] + '</li>';
      }
      text += '</ul></div>';
      
      text += '<div id="jstMediaTV" style="display:block;"><h3><a href="http://video.jst/video.m3u">Телеканалы</a></h3><ul>';
      for (var i = 0; i < reply.video.size(); i++)
      {
        text += '<li>' + reply.video[i] + '</li>';
      }
      text += '</ul></div>';
      
      $('jstMediaMain').addClassName('active');
      $('jstMediaSidebar').update(text);
      $('jstMediaSidebar').appear();
      
      new Effect.Highlight('jstMediaSidebar', { startcolor: '#ffff33', endcolor: '#ffffff', duration: 3 });
    }
  });
});