<?php

/*
# mod_facebook_embedded_videos - JOOMLA MODULE
# @MODULE_NAME :Facebook Embedded Videos
# @author - Tetsu Stuart
# @author_email - bigbluegroup@outlook.com
# copyright - Copyright 2015
# @license - http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
# Websites: http://WWW.bigbluegroup.net
# Support - bigbluegroup@outlook.com
*/

// no direct access


defined( '_JEXEC' ) or die;
$document = JFactory::getDocument();


//start twitter followers widget configuration settings

$moduleclass_sfx = $params->get('moduleclass_sfx');
$url = $params->get('url');
$width = $params->get('width');
$border = $params->get('border');
$radius = $params->get('radius');
$bg = $params->get('bg');
$outline = $params->get('outline');



//end of configuration settings

?>
<style type="text/css">
	#fb-root {
	    display: none;
	}

	.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
	    width: 100% !important;
	}
	.pluginSkinLight.pluginFontHelvetica > div >* {
	  width: 100% !important;
	}

	.mod_facebook_embedded_videos{
	    padding:5px;
		border: 1px solid <?php echo $border;?>;
		outline: 5px solid <?php echo $outline;?>;
		background: <?php echo $bg;?>;
		border-radius: <?php echo $radius;?>px;
	}

</style>

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=262562957268319&version=v2.3";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

 <div class="mod_facebook_embedded_videos <?php echo $moduleclass_sfx;?>" style="max-width: <?php echo $width; ?>px;">
           <div class="fb-video"
              data-href="<?php echo $url;?>"
              data-width="<?php echo $width;?>">
            </div>
			<div style="text-align: right; font-size: 9px; color: #808080; font-weight: normal; font-family: tahoma,verdana,arial,sans-serif; line-height: 1.28; direction: ltr; position:relative; top:-10px;"></div>
 </div>