/*-----------------------------------------------------------*/
// Scripts for Layout Media Components
/*-----------------------------------------------------------*/

/**
 * Single Image
 */
 
jQuery(window).load(function() {
	var overlays = jQuery('.ad-layout-single-image.overlay.center');
	overlays.each(function() {
		var overlay = jQuery(this);
		var overlayHeight = overlay.outerHeight();
		var overlayContent = overlay.find('.image-content');
		var overlayContentHeight = overlayContent.outerHeight();
		var overlayOffset = (overlayHeight / 2) - (overlayContentHeight) / 2;
		overlayContent.css('margin-top', overlayOffset+'px').addClass('processed');
	});
});

/**
 * Video
 */
 
//videos in modals
jQuery(document).ready(function() {
	//pause video on modal close
	jQuery('.modal').on('hide.bs.modal', function (e) {
		var modal = jQuery(this);
		if (modal.find('.ad-layout-video.youtube').length > 0) {
			//YouTube
			var modalID = modal.attr('id');
			var target = document.getElementById(modalID);
		    var iframe = target.getElementsByTagName("iframe")[0].contentWindow;		    
			iframe.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*');
		} else if (modal.find('.ad-layout-video.vimeo').length > 0) {
			//Vimeo
			var modalID = modal.attr('id');
			var target = document.getElementById(modalID);
		    var iframe = target.getElementsByTagName("iframe")[0].contentWindow;
			iframe.postMessage('{"method":"pause"}', '*');
		}
	});
});