function _canoevideo(anchor)
{
  // clear tabs
  jQuery("#videoPlayer .tabs ul li").each(function ()
  {
    jQuery(this).removeClass('current');
  });

  jQuery(anchor).parent().addClass('current');

  // get playlist
  var playlist = jQuery(anchor).attr('rel').substring(9);

 jQuery.getJSON('http://en.video.canoe.tv/api/playlist/'+playlist+'?format=json&limit=4&callback=?',
    function(data){
      $('#videoPlayer .content').empty();
      $.each(data.videos, function(i,video)
      {
        if ( i == 0 )
        {
          $('#videoPlayer .content').append('<a href="'+video.link+'" title="'+video.name+'" target="_blank"><img class="featured" src="'+video.thumbnail_url+'" alt="pic for '+video.name+'" width="160" /></a>');
        }

        $('#videoPlayer .content').append('<div class="video"><a href="'+video.link+'" title="'+video.name+'" target="_blank"><img src="'+video.thumbnail_url+'" width="40" height="30" /></a><p><a href="'+video.link+'" title="'+video.name+'" target="_blank">'+video.name+'</a></p></div>');
    });
  });

  return false;
}

jQuery(document).ready(function () {

    _canoevideo('#videoPlayer .tab1');

    jQuery("#videoPlayer .tabs ul li a").click(function ()
    {
      _canoevideo(this);
      return false;
    });
});

