<!-- Video Background-->
<?php 
$video_source = $params->get('sourcevideo');

 ?>
  <div id="video-wrapper"></div>
  <a id="bgndVideo" class="player" data-property="{videoURL:'<?php echo $video_source; ?>',containment:'#video-wrapper',autoPlay:'true', mute:<?php echo $params->get('video_mute','true') ?>, startAt:0, opacity:1, quality: 'highres'}"></a>
  <!-- End Video Background-->
  
	<!-- Home Section -->  
  <section id="<?php echo $params->get('section_id','home'); ?>">    
    <div class="container">
      <div class="hero">
        <hr>
        <!-- Home Slider -->
        <div class="home-slider">
          <ul class="slides">
            <?php for($i=1; $i < 11; $i++ ){ ?>
              <?php if($params->get('text_'.$i)){ ?>
                    <li>
                      <h1>
                        <?php echo $params->get('text_'.$i); ?>
                      </h1>
                    </li>
              <?php } ?>
            <?php } ?>    
          </ul>
        </div>
        <!-- End Home Slider -->        
        <hr>
        <p class="center"><a href="#<?php echo $params->get('down_link','about'); ?>" class="btn btn-empty btn-lg"><?php echo JText::_('MOD_INTRO_SLIDER_GET_STARTED'); ?></a></p>        
      </div>
    </div>
  </section>
  <!-- End Home Section -->

<?php 
  $doc = JFactory::getDocument();
  $app = JFactory::getApplication();
  $template_url = JURI::root().'templates/' .$app->getTemplate().'/';
  $doc->addScript($template_url.'js/jquery.mb.YTPlayer.js');
  $doc->addScript($template_url.'js/video-bg.js');
  
 ?>