var Video = {

	data:[

		{
			title: 'Features',
			videos:[
				{yid:'oC6BffmiIAg', title:'Create new VSee ID'},
				{yid:'qi_Q5pIu_Oo', title:'Add contact to address book'},
				{yid:'U7kEq3R2dfw', title:'Make a call'},
				{yid:'_MBCJf6UsKE', title:'Share an application'},
				{yid:'E5b31JyxSbU', title:'Send a file'}
				//{yid:'UFkMxknxc30', title:'Daisy-chain multiple Duet Executive speakerphones'},
			]
		}

	],
	
	defaultYid: 'oC6BffmiIAg',
	defaultTitle: 'Create new VSee ID',
	
	width: 530,
	height: 350,
	
	player: null,
	
	render: function() {
		
		$('#vlist-title').html(this.defaultTitle);
		
	    swfobject.embedSWF("http://www.youtube.com/v/"+Video.defaultYid+"?enablejsapi=1&playerapiid=theplayer", 
	                       "player", Video.width, Video.height, "8", null, null, { allowScriptAccess: "always" }, { id: "theplayer" });
		
		var vlist = $('#vlist');
		var vlist_title = $('#vlist-title');
		
		$.each(Video.data, function(i, group) {
			
			vlist.append('<h2>'+group.title+'</h2>');
			
			var ul = $(document.createElement('ul'));
			vlist.append(ul);
			$.each(group.videos, function(j, video) {
				var li = $(document.createElement('li'));
				var a = $(document.createElement('a'));
				a.html(video.title).attr('href','javascript://');
				a.click(function() {
					vlist_title.html(video.title);
					vlist_title.css('backgroundColor', '#ffa');
					setTimeout(function() {
						vlist_title.animate({
							'backgroundColor': '#fffs'
						}, 500, 'linear', function() {
							$(this).css('background', 'none');
						});
					}, 500)
					
					Video.swapVideo(video.yid);
				});
				ul.append(li.append(a));
			});
		});
	},
	
	swapVideo: function(v) {
		if (this.player != null) {
			$('#player-wrapper').fadeTo(200, 0, function() {
				Video.player.loadVideoById(v);
			});
		}
	},
	
	stateChange: function(state) {
		if (state == 1) {
			$('#player-wrapper').fadeTo(200, 1);
		}
	}
	
};

function onYouTubePlayerReady(playerId) {
	Video.player = document.getElementById("theplayer");
	Video.player.addEventListener("onStateChange", "Video.stateChange");
};