var Video = {

	data:[

		{
			title: 'Overview',
			videos:[
				{yid:'r7vsWjn8kjw', title:'VSee Overview'},
			]

		},

		{
			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: 'r7vsWjn8kjw',
	defaultTitle: 'VSee Overview',

	width: 530,
	height: 350,

	player: null,

	render: function() {

		$('#vlist-title').html(this.defaultTitle);

		createPlayer(Video.defaultYid, "player", Video.width, Video.height);

		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");
//};