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

$(document).ready(function() {

	var videopath = "/";
	var swfplayer = "/repository/layout/flowplayer/flowplayer.swf";
	
	var videoclip;
	var player;
	var vidid;
	var captions;
	var capShow;
	var ccbutShow;
	
	$(".video_link").fancybox({
		'hideOnContentClick':false,
		'overlayOpacity' :.6,
		'zoomSpeedIn'    :400,
		'zoomSpeedOut'   :400,
		'easingIn'		 : 'easeOutBack',
		'easingOut'		 : 'easeInBack',
		'type'           : 'image',
		
		'onComplete' :function(){
			vidid = $(".video_link").index(this);
			videoclip = $(".video_link").eq(vidid).attr("name");
			
			if (videoclip == 'image') {
				
				$("#fancybox-right, #fancybox-left").css({height:$("#fancy_div").height(), bottom: '0'});
				
			} else {
				player = $f("fancybox-content",{src: swfplayer, wmode: 'opaque'},{
					clip: {
						autoPlay: true,
						autoBuffering: true,
						url: videopath+videoclip+'',
						onStart: function(clip){
							var wrap = jQuery(this.getParent());
							var clipwidth = clip.metaData.width;
							var clipheight = clip.metaData.height;
							var pos = $.fn.fancybox.getViewport();
							
							$("#fancybox-wrap").css({width:clipwidth+20,height:clipheight+20});
							$("#fancybox-wrap").css('left', ((clipwidth + 36) > pos[0] ? pos[2] : pos[2] + Math.round((pos[0] - clipwidth	- 36)	/ 2)));
							$("#fancybox-wrap").css('top',  ((clipheight + 50) > pos[1] ? pos[3] : pos[3] + Math.round((pos[1] - clipheight - 50)	/ 2)));
							$("#fancybox-content").css({width:clipwidth+20,height:clipheight+20});
							$("#fancybox-right, #fancybox-left").css({height:clipheight-60, bottom: '70px'});
						}
					}
				});
				
				player.load();
			}
		}
	});
	
});