var player = null;
var playlist = null;
var myCarousel = null;
	
function playerReady(e) {
 
  player = document.getElementById('jwplayer');
  playlist = null;
  playlist = player.getPlaylist();
  player.addControllerListener('PLAYLIST', 'playlistloaded()');
  drawCarousel();
  window.setTimeou('drawItems()', 500);
//  drawPlaylist();
}

/**
* just a playlist notification from player
*/
function playlistloaded(obj) {
//  window.alert('playlistloaded hello world!');
//  $('#mycarousel li').remove();
//  myCarousel.empty();
//  window.setTimeout('drawItems', 1000);
   
}

/**
* Carousel maker 
*/
function drawItems () {
  myCarousel.reset();  
  myCarousel.size(player.getPlaylist().length);
//  window.alert(player.getPlaylist().length);
//  window.alert(playlist.length);
  for (var i = 0; i<player.getPlaylist().length; i++) {
    myCarousel.add(i, itemHTML(player.getPlaylist()[i], i));
  }
  return false;
}

/**
* Carousel settings and behavior
*/
function drawCarousel () {
  $('#mycarousel').jcarousel({
    size : playlist.length,
    itemLoadCallback : {onBeforeAnimation: drawPlaylist},
  });
}

/**
* Bottom Navi
*/
function drawPlaylist (carousel, state) {
  myCarousel = carousel; 
  $('#mainNavi li a').click(function() {
//    window.alert('foo');
    $('.subchannel').load(
      $(this).attr('href'),
      false,
      function(responseText, textStatus, XmlHttpRequest) {
        $('#mainNaviArea .subchannel li a').click(function() {
          player.sendEvent("LOAD", $(this).attr('href'));
          playlist = player.getPlaylist();
 //         window.alert('bar');
          window.setTimeout('drawItems()', 500);
//          drawItems();
          return false;
        });
        return false;
      }
    );
    return false;
  });
}
// Item-html-compositor//helper...  
function itemHTML (item, i) {
  var file    = item.file;
  var title   = item.title;
  var img_url = file.substr(0, file.indexOf('.flv')) + '.jpg';
  var action  = "player.sendEvent('ITEM', "+i+")";
  return '<a href="#" onclick="'+action+'"><img src="' + img_url + '" alt="' + title + '" width="90" height="45" alt="'+file+'" title="'+title+'"/></a>';
}




/**
*Top navigation
*/
$(document).ready(function () {
  $('#metaNavi li a').click( function () {
    $('#content').load($(this).attr('href'));
    $('#bottom').load('empty');
    return false;
  });

  $('#mainNaviArea .subchannel li a').click(function() {
    player.sendEvent("LOAD", $(this).attr('href'));
    playlist = player.getPlaylist();
    window.setTimeout('drawItems()', 500);
    return false;
  });

});

/*
* Flashplayer configuration...
**/
var flashvars = {
  id           : 'jwplayer',
  autostart    : 'true',
  displayclick : 'next',
  repeat       : 'list',
  file         : 'channels/b_w_oddysseys.xml',
  controlbar   : 'over',
  displayclick : 'play',

};

var params = {
  'allowfullscreen': 'true',
  'allowscriptaccess': 'always',
  'wmode': 'opaque'
};

var attributes = {
  id   : 'jwplayer',
  name : 'jwplayer'
};

swfobject.embedSWF("flash/player.swf", "mediaspace", 640, 360, "9.0.124", false, flashvars, params, attributes);