<?php
$app = JFactory::getApplication();
$tem_current = $app->gettemplate();
$folder_origin = 'templates/'.$tem_current.'/images/bg';


	$folder = $params->get('folder_images',$folder_origin);
	$images_arr = '';

	 for($i=0; $i < count($listimage); $i ++){
		 $images_arr .= '"'.JUri::root().$folder.'/'.$listimage[$i].'",';
	 }
?>
<!-- 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 -->

<script>
  jQuery(document).ready(function(){
    //Home Image Slider
    jQuery.backstretch([
     <?php echo $images_arr; ?>   
    ], {duration: 4500, fade: 'slow'});
    
  });
</script>