/*
 * Init and setup FlowPlayer. This example file shows 'advanced' features like
 * playlists and configuring with JavaScript. FlowPlayer.html is a simpler example.
 *
 * NOTE: This file has been tested to work on FireFox only. It has some problems on IE.
 */
 
var flowPlayer1;
var flowPlayer2;
var flowPlayer3;
var flowPlayer4;
function init() {
	if (document.getElementById)
	{
		flowPlayer1 = document.getElementById("FlowPlayer1");
		flowPlayer2= document.getElementById("FlowPlayer2");
		flowPlayer3= document.getElementById("FlowPlayer3");
		flowPlayer4= document.getElementById("FlowPlayer4");
		
    }
	setFlowPlayerConfig();
}

// wait for the page to fully load before initializing
addLoadEvent(init);

function setFlowPlayerConfig()
 {
	flowPlayer1.setConfig(fpConf1);
	flowPlayer2.setConfig(fpConf2);
	flowPlayer3.setConfig(fpConf3);
	flowPlayer4.setConfig(fpConf4);
}

function clipSelected(clipIndex) {
	flowPlayer1.ToClip(clipIndex);
	flowPlayer1.DoPlay();

}

// Playlist.
var clips1 = [
	{ name: 'ClickToPlay', url: '/us/video/playpics/elliott_play.jpg', overlayId: 'play' },
	{ name: 'Dr. Marek', url: '/us/video/DrElliottPressBriefing.flv', controlEnabled: true },
];

var clips2 = [
	{ name: 'ClickToPlay', url: '/us/video/playpics/marek_play.jpg', overlayId: 'play' },
	{ name: 'Dr. Marek', url: '/us/video/Marek.flv', controlEnabled: true, linkUrl: '#' },
];
var clips3 = [
	{ name: 'ClickToPlay', url: '/us/video/playpics/lynjohnson_play.jpg', overlayId: 'play' },
	{ name: 'Dr. Marek', url: '/us/video/lyn_johnson_john_hines_morning_show.mp3', controlEnabled: true, overlay: '/us/video/playpics/lynjohnson_play.jpg' },
];
var clips4 = [
	{ name: 'ClickToPlay', url: '/us/video/playpics/rowena_play.jpg', overlayId: 'play' },
	{ name: 'Dr. Marek', url: '/us/video/dr_rowena.flv', controlEnabled: true },
];
// FlowPlayer configuration
var fpConf1 = {
	playList: clips1,
	showPlayList: true,
	controlBarGloss: 'low',
	showOnLoadBegin: true,
	autoPlay: false,
	autoBuffering: true,
	startingBufferLength: 5,
	bufferLength: 10,
	autoRewind: false,
	loop: true,
	hideControls: false,
	initialScale: 'fill',
	showPlayListButtons: true,
	useNativeFullScreen: true,
	progressBarColor1: 0xFF0000,
	progressBarColor2: 0x910000,
	bufferBarColor1: 0xffffff,
	bufferBarColor2: 0xffffff,
	progressBarBorderColor1: 0xffffff,
	progressBarBorderColor2: 0xffffff,
	controlBarBackgroundColor: 0x869ad5,
	menuItems: [false, false, false, false, false, false],
	showMenu: false,
	showFullScreenButton: false,
	timeDisplayFontColor: 0xFFFFFF,
	googleAnalyticsPrefix: 'DrMarekVideo_FlowPlayer1'
}
var fpConf2 = {
	playList: clips2,
	showPlayList: true,
	controlBarGloss: 'low',
	showOnLoadBegin: true,
	autoPlay: false,
	autoBuffering: true,
	startingBufferLength: 5,
	bufferLength: 10,
	autoRewind: false,
	loop: true,
	hideControls: false,
	initialScale: 'fill',
	showPlayListButtons: true,
	useNativeFullScreen: true,
	progressBarColor1: 0xFF0000,
	progressBarColor2: 0x910000,
	bufferBarColor1: 0xffffff,
	bufferBarColor2: 0xffffff,
	progressBarBorderColor1: 0xffffff,
	progressBarBorderColor2: 0xffffff,
	controlBarBackgroundColor: 0x869ad5,
	menuItems: [false, false, false, false, false, false],
	showMenu: false,
	showFullScreenButton: false,
	timeDisplayFontColor: 0xFFFFFF,
	googleAnalyticsPrefix: 'DrMarekVideo_FlowPlayer2'
}
var fpConf3 = {
	playList: clips3,
	showPlayList: true,
	controlBarGloss: 'low',
	showOnLoadBegin: true,
	autoPlay: false,
	autoBuffering: true,
	startingBufferLength: 5,
	bufferLength: 10,
	autoRewind: false,
	loop: true,
	hideControls: false,
	initialScale: 'fill',
	showPlayListButtons: true,
	useNativeFullScreen: true,
	progressBarColor1: 0xFF0000,
	progressBarColor2: 0x910000,
	bufferBarColor1: 0xffffff,
	bufferBarColor2: 0xffffff,
	progressBarBorderColor1: 0xffffff,
	progressBarBorderColor2: 0xffffff,
	controlBarBackgroundColor: 0x869ad5,
	menuItems: [false, false, false, false, false, false],
	showMenu: false,
	showFullScreenButton: false,
	timeDisplayFontColor: 0xFFFFFF,
	googleAnalyticsPrefix: 'DrMarekVideo_FlowPlayer3'
}
var fpConf4 = {
	playList: clips4,
	showPlayList: true,
	controlBarGloss: 'low',
	showOnLoadBegin: true,
	autoPlay: false,
	autoBuffering: true,
	startingBufferLength: 5,
	bufferLength: 10,
	autoRewind: false,
	loop: true,
	hideControls: false,
	initialScale: 'fill',
	showPlayListButtons: true,
	useNativeFullScreen: true,
	progressBarColor1: 0xFF0000,
	progressBarColor2: 0x910000,
	bufferBarColor1: 0xffffff,
	bufferBarColor2: 0xffffff,
	progressBarBorderColor1: 0xffffff,
	progressBarBorderColor2: 0xffffff,
	controlBarBackgroundColor: 0x869ad5,
	menuItems: [false, false, false, false, false, false],
	showMenu: false,
	showFullScreenButton: false,
	timeDisplayFontColor: 0xFFFFFF,
	googleAnalyticsPrefix: 'DrMarekVideo_FlowPlayer4'
}