function videoPanes() {
	
	$('table.videoPaneTable').each(function(){
		$(this).replaceWith( $(this).html()
		.replace(/<tbody/gi, "<div class='videoPane'")
		.replace(/<tr/gi, "<div class='gutter clearfix'")
		.replace(/<td/gi, "<div")
		.replace(/<\/th>/gi, "</div>")
		.replace(/<\/td>/gi, "</div>")
		.replace(/<\/tbody/gi, "<\/div")
		);
	});

	$('.videoPane').wrapAll('<div id="videoPaneWrapper" />');
	$('#videoPaneWrapper').wrapInner('<div class="gutter clearfix" />');

	$('.videoPane').each(function(){
		var videoCode = $(this).find('.video > p').text();
		$(this).find('.video').empty();
		$(this).find('.video').append('<iframe class="youtubeVideo" width="560" height="315" src="https://player.vimeo.com/video/' + videoCode + '" frameborder="0"></iframe>');
	});

}

function resizeVideoFrame() {
	var frameWidth = $('.youtubeVideo').parent().width();
	var frameHeight = Math.floor((frameWidth*9)/16);
	$('.youtubeVideo').attr('width',frameWidth).attr('height',frameHeight);
}

$(document).ready(function(){
	
	if ($('table.videoPaneTable').length > 0) {
		videoPanes();
	}

	resizeVideoFrame();
	$(window).on('resize', function(){
		resizeVideoFrame();
	});

});