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

$(document).ready(function() {

	function preloadImages()
	{
	  for(var i = 0; i<arguments.length; i++)
	  {
		$("<img>").attr("src", arguments[i]);
	  }
	}

	preloadImages("images/video_backg.png");
	
	var videoclip='';
	var player='';
	
	$(".video_link").hover(function(){
		videoclip=$(this).attr('href');
		$(this).attr({"href":"#video_box"});
	},
	
	function(){
		$(this).attr({"href":""+videoclip+""});
	});
	
	
	$(".image_link").hover(function(){
		videoclip=$(this).attr('href');
		$(this).attr({"href":"#video_box"});
	},
	
	function(){
		$(this).attr({"href":""+videoclip+""});
	});
	

	
	$(".video_link").fancybox({
		'hideOnContentClick':false,
		'overlayOpacity' :.6,
		'easingIn'		 : 'easeOutBack',
		'easingOut'		 : 'easeInBack',
		'callbackOnShow' :function(){
			
			
			var clipwidth = 900;
			var clipheight= 600;
			
			
				player = $f("fancy_div",swfplayer,{
				play:{opacity:0},
				clip:{
					autoPlay:true,
					autoBuffering:true,
					url:videopath+videoclip+'',
					onStart:function(clip){
						var wrap=jQuery(this.getParent());
						var clipwidth = 900;
						var clipheight= 600;
						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();
		}
	});


// ---
	$(".image_link").fancybox({
		'hideOnContentClick':false,
		'overlayOpacity' :.6,
		'zoomSpeedIn'    :400,
		'zoomSpeedOut'   :400,
		'easingIn'		 : 'easeOutBack',
		'easingOut'		 : 'easeInBack',
		'callbackOnShow' :function(){
			player = $f("fancy_div", swfplayer, { 
			    clip: {  
			        duration: 5         
			    }, 
			    plugins:  { 
			        controls: { 
			            playlist: true
			        }  
			    }     
			});
		
		
		},
		'callbackOnClose':function(){
			$("#fancy_div_api").remove();
		}
	});
// --					


				$('#stromcheck_').fancybox({
					'type'				: 'iframe',
					'modal'				: true,
					'href'				: 'http://www.energieagentur.nrw.de/tools/energiecheck/default.asp?site=sh3',
					'autoDimensions'	: true,
					'transitionIn'		: 'none',
					'transitionOut'		: 'elastic',
					'overlayOpacity'    : 0.7,
					'centerOnScroll'    : 'true',
					'overlayColor'      : '#000'
				});
	
});