// JavaScript Document

(function($){

var config = {
  width: 383,
  height: 217,
  repeatPlaylist: 1,
  autoStart: 1,
  autoPlay: 1,
  showToolbar: 0,
  showPlaylist: 1,
  
  playlistBuilder: function(videos){

    var list = $('<ul></ul>');
					
	$.each(videos, function(key, video){
	  $('<li class="clearfix"></li>')
	  .data('video', this) // this is required
	  .attr('title', this.title)
	  .html('<img src="http://img.youtube.com/vi/' + this.id + '/default.jpg" alt="' + this.title + '" /><p class="video-title">'+this.title+'</p><p class="play"><a href="javascript:;">Play Video</a> ></p>')
	  .appendTo( list );
    });

    return {
      container: $('.custom-playlist'),
	  items: list
	  .appendTo('.custom-playlist')
	  .find('li')
    };
  },

  playlistBuilderClickHandler: function(event){
    event.preventDefault();
  },

  playlist: {
    title: 'Burstorm',
	videos: [
      	{ id: 'mBq43bagHWE', title: 'JDA on Burstorm' },
	{ id: 'MrBq-LnPUNc', title: 'How to start an Amazon EC2 server' }
    ]
  },
  
};

$('.youtube-player').player(config);

$('#opening').click(function(){
  $(this).hide();
  $('.youtube-player').player('loadVideo', 'mBq43bagHWE');
});

$(".custom-playlist li").click(function() {
  $('#opening').hide();
});

})(this.jQuery);