$(function(){
	$('a.FLVBox').click(function(){
		var FLVFile = $(this).attr('href').split('.');
		if (FLVFile[FLVFile.length -1].toLowerCase() == 'flv'){
			activateFLVBox($(this));
			return false;
		}
	});
	
});

var FLVBoxAutostart = true;
var FLVBoxMovieWidth = 500;
var FLVBoxMovieHeight = 374;
var FLVBoxPlayerLoaction = '/swf/Flvplayer.swf';

function activateFLVBox(Obj){	
	$('body').append('<div id="FLVBoxOverlay" class="hidden"></div>');
	$('body').append('<div id="FLVBoxPopup"><div id="FLVBoxMoviePlace" class="loading"></div></div>');
	
	var windowObj		= $(window);
	var windowWidth 	= str2int(windowObj.width());
	var windowHeight 	= str2int(windowObj.height());
	
	var popupHeight		= getCompleteHeight($('#FLVBoxPopup'));
	var popupWidth		= getCompleteWidth($('#FLVBoxPopup'));
	
	var popupLeft		= str2int((windowWidth-popupWidth)/2);
	var popupTop		= str2int((windowHeight-popupHeight)/2);

	$('#FLVBoxOverlay').css({ 'opacity': 0, 'width': '100%', 'height': '100%'});
	$('#FLVBoxPopup').css({'width': FLVBoxMovieWidth+'px', 'opacity': 0, 'left': popupLeft+'px', 'top': '40px'});
	
	
	$('#FLVBoxOverlay').show();
	$('#FLVBoxOverlay').animate({ 'opacity': 0.7}, 500, 'linear', function(){
		$('#FLVBoxOverlay').click(function(){
			removeFLVBox();
		});
	});
	
	$('#FLVBoxPopup').append('<div class="controls hidden"></div>');
	$('#FLVBoxPopup .controls').append('<a href="#" class="close">X sluiten</a>');
	
	$('#FLVBoxPopup .controls .close').click(function(){
		removeFLVBox();
		return false;
	});
	
	$('#FLVBoxPopup').append('<div class="content hidden"><h2>'+Obj.attr('title')+'</h2>'+Obj.attr('desc')+'</div>');
	$('#FLVBoxPopup').animate({'opacity': 1}, 500, 'linear', function(){
		setTimeout(function(){														  
			$('#FLVBoxPopup .content').slideDown('slow');
			$('#FLVBoxPopup .controls').slideDown('slow');
       
	   		var FLVBoxQuerystring = "file="+Obj.attr('href')+"&autoStart="+FLVBoxAutostart;
        	var FLVBoxSwfObject = new SWFObject(FLVBoxPlayerLoaction, 'FLVBoxMoviePlace', FLVBoxMovieWidth, FLVBoxMovieHeight, "8", "#000000");
           
		   	FLVBoxSwfObject.addParam("wmode","opaque");
            FLVBoxSwfObject.addParam("flashvars",FLVBoxQuerystring);
			
            FLVBoxSwfObject.write('FLVBoxMoviePlace');
		},200);
	});
}

function removeFLVBox(){
	$('#FLVBoxOverlay').animate({ 'opacity': 0}, 200, 'linear', function(){
		$('#FLVBoxOverlay').remove();	
	});
	$('#FLVBoxPopup').animate({ 'opacity': 0}, 200, 'linear', function(){
		$('#FLVBoxPopup').remove();	
	});
}