// FancyPlayer.js - A spicy mix of FancyBox and Flowplayer

$(document).ready(function() {

	var videoclip;
	var player;
	var vidid;
	var captions;
	var capShow;
	var ccbutShow;
	
	$(".video_link").hover(function(){
		vidid = $(".video_link").index(this);
		videoclip = $(".video_link").eq(vidid).attr("name");
		if ($(".video_link").eq(vidid).hasClass('captions')) {
			captions = $(".video_link").eq(vidid).attr("name")+'.srt';
			capShow = true;
			ccbutShow = { width: 20, height: 15, right: 5, bottom: 32, label: 'SUBS' };
		} else { 
			captions = 'videos/empty.srt';
			capShow = false;
			ccbutShow = null;
		}
	});
	
	$(".video_link").fancybox({
		'hideOnContentClick':false,
		'overlayOpacity' :.6,
		'zoomSpeedIn'    :400,
		'zoomSpeedOut'   :400,
		'easingIn'		 : 'easeOutBack',
		'easingOut'		 : 'easeInBack',
		
		'callbackOnShow' :function(){
			if (videoclip == 'image') {					
				$("#fancy_right, #fancy_left").css({height:$("#fancy_div").height(), bottom: '0'});
			} else {
				player = $f("fancy_content",{src: swfplayer, wmode: 'opaque'},{
				play:{opacity:0},
			  //key: '#$flowplayerkeycode',
				plugins: {
					captions: { 
						url: swfcaptions, 					 
						// pointer to a content plugin (see below) 
						captionTarget: 'content',
						showCaptions: capShow,
						button: ccbutShow
					}, 
					/* configure a content plugin so that it  
						looks good for showing subtitles 	*/ 
					content: { 
						url:swfcontent, 
						bottom: 25, 
						height:40, 
						backgroundColor: 'transparent', 
						backgroundGradient: 'none', 
						border: 0, 
						textDecoration: 'outline', 
						style: {  
							body: {  
								fontSize: 16,  
								fontFamily: 'Arial', 
								textAlign: 'center', 
								color: '#ffffff' 
							}  
						}  
					},
					controls:  {
						backgroundColor: 'transparent',
						progressColor: 'transparent',
						bufferColor: 'transparent',
						all:false,
																		//fullscreen:true,
						scrubber:true,
						volume:true,
						mute:true,
						play:true,
						height:30,
						autoHide: 'always'		
					}
				},
				clip:{
					autoPlay:true,
					autoBuffering:true,
					url:videopath+videoclip+'',
					captionUrl: videopath+captions+'', 
					onStart:function(clip){
						var wrap=jQuery(this.getParent());
						var clipwidth = clip.metaData.width;
						var clipheight= clip.metaData.height;
						var pos = $.fn.fancybox.getViewport();
						$("#fancy_outer").css({width:clipwidth+20,height:clipheight+20});
						$("#fancy_outer").css('left', ((clipwidth + 36) > pos[0] ? pos[2] : pos[2] + Math.round((pos[0] - clipwidth	- 36)	/ 2)));
						$("#fancy_outer").css('top',  ((clipheight + 50) > pos[1] ? pos[3] : pos[3] + Math.round((pos[1] - clipheight - 50)	/ 2)));
						$("#fancy_right, #fancy_left").css({height:clipheight-60, bottom: '70px'});
					},
					onFinish:function(){
						$('#fancy_close').trigger('click');
					}
				}
			});
			player.load();
		}//end of if/else	
			$('#fancy_right, #fancy_right_ico').click(function(){
				vidid++;
				videoclip = $(".video_link").eq(vidid).attr("name");
				if ($(".video_link").eq(vidid).hasClass('captions')) {
					captions = $(".video_link").eq(vidid).attr("name")+'.srt';
					capShow = true;
					ccbutShow = { width: 20, height: 15, right: 5, bottom: 32, label: 'CC' };
				} else {
					captions = 'videos/empty.srt';
					capShow = false;
					ccbutShow = null;
				}
			});
			
			$('#fancy_left, #fancy_left_ico').click(function(){
				vidid--;
				videoclip = $(".video_link").eq(vidid).attr("name");
				if ($(".video_link").eq(vidid).hasClass('captions')) {
					captions = $(".video_link").eq(vidid).attr("name")+'.srt';
					capShow = true;
					ccbutShow = { width: 20, height: 15, right: 5, bottom: 32, label: 'SUBS' };
				} else {
					captions = 'videos/empty.srt';
					capShow = false;
					ccbutShow = null;
				}
			});
		},
		'callbackOnClose':function(){
			$("#fancy_content_api").remove();
		}
	});
});