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

$(document).ready(function() {

	setTimeout(function(){
	
		function preloadImages()
		{
		  for(var i = 0; i<arguments.length; i++)
		  {
			$("<img>").attr("src", arguments[i]);
		  }
		}
		
		var videoclip='';
		var player='';
		
		$(".video_link").hover(function(){
			videoclip=$(this).attr('href');
			$(this).attr({"href":"#video_box"});
		},
		
		function(){
			$(this).attr({"href":""+videoclip+""});
		});
		
		$(".video_link").fancybox({
			'hideOnContentClick':false,
			'overlayOpacity' :.8,
			'zoomSpeedIn'    :400,
			'zoomSpeedOut'   :400,
			'transitionIn': 'elastic',
			'transitionOut': 'elastic',
			'callbackOnShow' :function(){
					player = $f("fancy_div",swfplayer,{
					key: '#@110270f365e547d2c26',
					play:{opacity:0},
					plugins: {
					   controls: {
					      sliderGradient: 'none',
					      durationColor: '#ffffff',
					      progressColor: '#333333',
					      progressGradient: 'medium',
					      timeColor: '#ffffff',
					      volumeSliderGradient: 'none',
					      bufferColor: '#333333',
					      timeBgColor: '#555555',
					      tooltipTextColor: '#ffffff',
					      bufferGradient: 'none',
					      backgroundColor: '#222222',
					      buttonColor: '#333333',
					      backgroundGradient: 'low',
					      volumeSliderColor: '#000000',
					      borderRadius: '5',
					      sliderColor: '#000000',
					      tooltipColor: '#333333',
					      buttonOverColor: '#999999',
					      height: 24,
					      opacity: 1.0,
					      autoHide: 'always',
					      hideDelay: 1000
					   }
					},
					clip:{
						autoPlay:true,
						autoBuffering:true,
						url:videoclip+'',
						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,height:clipheight});
							$("#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)));
						},
						onFinish:function(){
							$('#fancy_close').trigger('click');
						}
					}
				});
				player.load();
				$('#fancy_close').click(function(){
					$("#fancy_div_api").remove();
				});
			},
			'callbackOnClose':function(){
				$("#fancy_div_api").remove();
			}
		});
	}, 500);	
});