$().ready(function() {
	init_Player();
	init_AudioPlayer();
});

var init_Player = function() {
	$("div[href*=.xml]").flowplayer({src: baseurl + "/../plugins/flowplayer/etc/swf/flowplayer.swf", wmode: 'opaque'}, { 
		// configure both players to use rtmp plugin 
		clip: { 
			provider: 'rtmp',
            netConnectionUrl: 'smil'
        }, 
		// here is our rtpm plugin configuration 
		plugins: {  
			// our CDN uses SMIL playlists .. 
			smil: { url: baseurl + '/../plugins/flowplayer/etc/swf/flowplayer.smil-3.2.1.swf' }, 
			 
			// .. and RTMP streaming 
			rtmp: { url: baseurl + '/../plugins/flowplayer/etc/swf/flowplayer.rtmp-3.2.3.swf' },
			controls: {
				url: baseurl + '/../plugins/flowplayer/etc/swf/flowplayer.controls.swf',
				
				buttonColor: 'rgba(255, 255, 255)',
				buttonOverColor: 'rgba(255, 255, 255)',
				backgroundColor: color,
				backgroundGradient: 'low',
				sliderColor: '#FFFFFF',
				
				sliderBorder: '1px solid #FFFFFF',
				volumeSliderColor: '#FFFFFF',
				volumeBorder: '1px solid #FFFFFF',
				
				timeColor: '#FFFFFF',
				durationColor: '#FFFFFF'
			}
		}, 
		onStart: function (clip) {
			var w = parseInt(clip.metaData.width, 10),
    		h = parseInt(clip.metaData.height, 10);
    		$(this.getParent()).css({width: w, height: h});
    		
		} 
	});
};

var init_AudioPlayer = function() {
	$("div[href*=.mp3]").flowplayer({src: baseurl + "/../plugins/flowplayer/etc/swf/flowplayer.swf", wmode: 'opaque'}, { 
		// configure both players to use rtmp plugin 
		plugins: {
			controls: {
				url: baseurl + '/../plugins/flowplayer/etc/swf/flowplayer.controls.swf',
				fullscreen: false,
				height: 30,
				autoHide: false,
				buttonColor: 'rgba(255, 255, 255)',
				buttonOverColor: 'rgba(255, 255, 255)',
				backgroundColor: color,
				backgroundGradient: 'low',
				sliderColor: '#FFFFFF',
				
				sliderBorder: '1px solid #FFFFFF',
				volumeSliderColor: '#FFFFFF',
				volumeBorder: '1px solid #FFFFFF',
				
				timeColor: '#FFFFFF',
				durationColor: '#FFFFFF'
			}
		},

		clip: {
			autoPlay: false
		}


	});
	
	$("a[href*=.mp3]").flowplayer({src: baseurl + "/../plugins/flowplayer/etc/swf/flowplayer.swf", wmode: 'transparent'}, { 
		canvas: {
			backgroundGradient: "none",
			backgroundColor: 'transparent'
		},
		plugins: {
			// canvas background
			controls: {
				url: baseurl + '/../plugins/flowplayer/etc/swf/flowplayer.controls.swf',
				fullscreen: false,
				height: 20,
				left: '40%',
				autoHide: false,
				buttons:false,
				stop: true,
				play: true,
				volume: true,
				slowBackward: false,
				time: false,
				buttons: false,
				fastBackward: false,
				mute: false,
				playlist: false,
				scrubber: false,
				builtIn: false,
				buttonColor: 'rgba(255, 255, 255)',
				buttonOverColor: 'rgba(255, 255, 255)',
				backgroundColor: "transparent",
				backgroundGradient: "none",
				sliderColor: '#FFFFFF'
			}
		},
		clip: { 
		   autoPlay: false
		}
	});
};

var init_Player_Dialog = function() {
	$("#dialog-object div[href*=.xml]").flowplayer({src: baseurl + "/../plugins/flowplayer/etc/swf/flowplayer.swf", wmode: 'opaque'}, { 
		// configure both players to use rtmp plugin 
		clip: { 
			provider: 'rtmp',
            netConnectionUrl: 'smil'
        }, 
		// here is our rtpm plugin configuration 
		plugins: {  
			// our CDN uses SMIL playlists .. 
			smil: { url: baseurl + '/../plugins/flowplayer/etc/swf/flowplayer.smil-3.2.1.swf' }, 
			 
			// .. and RTMP streaming 
			rtmp: { url: baseurl + '/../plugins/flowplayer/etc/swf/flowplayer.rtmp-3.2.3.swf' },
			controls: {
				url: baseurl + '/../plugins/flowplayer/etc/swf/flowplayer.controls.swf',
				
				buttonColor: 'rgba(255, 255, 255)',
				buttonOverColor: 'rgba(255, 255, 255)',
				backgroundColor: color,
				backgroundGradient: 'low',
				sliderColor: '#FFFFFF',
				
				sliderBorder: '1px solid #FFFFFF',
				volumeSliderColor: '#FFFFFF',
				volumeBorder: '1px solid #FFFFFF',
				
				timeColor: '#FFFFFF',
				durationColor: '#FFFFFF'
			}
		}, 
		onStart: function (clip) {
			var w = parseInt(clip.metaData.width, 10),
    		h = parseInt(clip.metaData.height, 10);
    		$(this.getParent()).css({width: w, height: h});
    		
		} 
	});
};