<?php
$val .= ' ';

if ($scope->locally()->obj('Heroes', null, true)->hasValue('filter', array('Active', '1'), true)) { 
$val .= '     
        <section id="hero">
            <div class="cycle-slideshow"
                        data-cycle-slides=".hero"
                        data-cycle-pager-template=\'<span class=""></span>\'
                        data-speed="3000"
            >
                ';

$scope->locally()->obj('Heroes', null, true)->obj('filter', array('Active', '1'), true)->obj('sort', array('SortOrder'), true); $scope->pushScope(); while (($key = $scope->next()) !== false) {
$val .= '
                        <div style="background-image:url(\'';

$val .= $scope->locally()->obj('BackgroundImage', null, true)->XML_val('Link', null, true);
$val .= '\')" class="hero">
                            <div class="container">
                            <div class="row">
                            <div class="col-lg-7 col-md-7 col-sm-12 col-xs-12">
                                <div class="hero-content">
                                ';

if ($scope->locally()->hasValue('Content', null, true)) { 
$val .= '
                                    ';

$val .= $scope->locally()->XML_val('Content', null, true);
$val .= '
                                ';


}
$val .= '
                               </div><!--//hero-content-->
                            ';

if ($scope->locally()->hasValue('HeroLink', null, true)) { 
$val .= '<a href="';

$val .= $scope->locally()->obj('HeroLink', null, true)->XML_val('Link', null, true);
$val .= '" class="hero-link"></a>';


}
$val .= '
                                </div><!--//col--></div><!--//row--></div><!--//container-->
                        </div>   <!--//hero-->         

                ';


}; $scope->popScope(); 
$val .= '
            <div class="cycle-pager"></div><!--hero_nav-->    
            </div><!--//cycle-slideshow-->
        </section><!--//#hero-->
    ';


}
$val .= '
<div id="main">
    <section id="products" class="section-standard">
        <div class="container">
        <div class="row">
            <div class="col col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <h2>Products<span class="marker"></span></h2>        
            </div><!--//col-->
        </div><!--//row-->
        <div class="product-grid">
        <div class="row">
            
                ';

if ($scope->locally()->hasValue('TopProducts', null, true)) { 
$val .= '
                    
                    ';

$scope->locally()->obj('TopProducts', null, true); $scope->pushScope(); while (($key = $scope->next()) !== false) {
$val .= '
                        <div class="col col-lg-4 col-md-4 col-sm-6 col-xs-12">
                            <div class="product"><div class="product-chevron" style="background-image:url(\'';

$val .= $scope->locally()->obj('Thumbnail', null, true)->XML_val('Link', null, true);
$val .= '\')"></div>
                                <h3><a href="products/#';

$val .= $scope->locally()->XML_val('URLSegment', null, true);
$val .= '">';

$val .= $scope->locally()->XML_val('Title', null, true);
$val .= '</a></h3>
                        <p>';

$val .= $scope->locally()->XML_val('Teaser', null, true);
$val .= '</p>
                        <p class="product-footer"><a href="products/#';

$val .= $scope->locally()->XML_val('URLSegment', null, true);
$val .= '" class="link-arrow">Learn More</a></p></div><!--//col-->
                    </div><!--//product-->
                        ';


}; $scope->popScope(); 
$val .= '
                       
                    ';


}
$val .= '
                <!--<div class="product">
                    <h3>Castables</h3>
                    <p>to suit all applications requiring an Aluminum Silicate product</p>
                    <p class="product-footer"><a href="products/#product-id" class="link-arrow">Learn More</a></p>    
                </div>--><!--//product-->
           
        </div><!--//row-->
        </div><!--//product-grid-->     
        </div><!--//container-->
    </section><!--//#section-->
    
    <section id="industries" class="section-band">
        <div class="container">
        <div class="row">
        <div class="col col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <h2>The Industries We Serve</h2>     
                <p>&nbsp;</p>
        </div><!--//col-->
       </div><!--//row-->
        <div class="row">
        <div class="col col-lg-12 col-md-12 col-sm-12 col-xs-12">
             ';

if ($scope->locally()->hasValue('TopIndustries', null, true)) { 
$val .= '
                    
                    ';

$scope->locally()->obj('TopIndustries', null, true); $scope->pushScope(); while (($key = $scope->next()) !== false) {
$val .= '
                        
                         <div class="promo ';

$val .= $scope->locally()->XML_val('URLSegment', null, true);
$val .= '">
                             <div class="promo-icon" style="background-image:url(\'';

$val .= $scope->locally()->obj('Icon', null, true)->XML_val('Link', null, true);
$val .= '\')"></div>
                            <a href="';

$val .= $scope->locally()->XML_val('BaseHref', null, true);
$val .= 'industries/';

$val .= $scope->locally()->XML_val('ID', null, true);
$val .= '">';

$val .= $scope->locally()->XML_val('Title', null, true);
$val .= ' <span class="arrow"></span></a>
                        </div><!--//promo-->
                    ';


}; $scope->popScope(); 
$val .= '
            ';


}
$val .= '
        
             </div><!--//col-->
       </div><!--//row-->
        </div><!--//container-->
    </section><!--//#industries-->
    
    <section id="about" class="section-standard">    
    <div class="container">
        <div class="row">
            <div class="col col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <h2>About RSS Dixie<span class="marker"></span></h2>    
             </div><!--//col-->
        </div><!--//row-->
         <div class="row">
              <div class="col col-lg-8 offset-lg-2 col-md-8 offset-md-2 col-sm-12 col-xs-12">    
                ';

$val .= $scope->locally()->XML_val('Content', null, true);
$val .= '
                  <p class="text-center"><a href="about" class="btn">Learn more about us</a></p>
            </div><!--//col-->
        </div><!--//row-->
    </div><!--//container-->
    </section><!--//about-->
    
    <section id="clients" class="section-scroller">

                    <h2>Proudly Trusted By:</h2>
                 <div id="scroller-clients" class="scroller">
                   ';

$scope->locally()->obj('TopClients', null, true); $scope->pushScope(); while (($key = $scope->next()) !== false) {
$val .= '
                       <div class="scroller-item">
                           ';

if ($scope->locally()->hasValue('Link', null, true)) { 
$val .= '
                               <a href="';

$val .= $scope->locally()->XML_val('Link', null, true);
$val .= '" target="_blank">';

$val .= $scope->locally()->XML_val('Logo', null, true);
$val .= '</a>
                               ';


}else { 
$val .= '
                           ';

$val .= $scope->locally()->XML_val('Logo', null, true);
$val .= '
                            ';


}
$val .= '       
                       </div>
                    ';


}; $scope->popScope(); 
$val .= '   
                     
                     
                 </div><!--scroller-clients-->

    </section><!--//clients-->
</div><!--//#main-->
            
<script type="text/javascript">
(function($) {
    $(document).ready(function()
    {
        $(\'#scroller-clients\').slick({
            infinite:true,
          centerMode: true,
          centerPadding: \'60px\',
          slidesToShow: 5,
          autoplay:true,
          autoplaySpeed:3000,
          mobileFirst:true,
          responsive: [
    {
      breakpoint: 1024,
      settings: {
        arrows: true,
        centerMode: true,
        centerPadding: \'40px\',
        slidesToShow: 5
      }
    },
   {
      breakpoint: 768,
      settings: {
        arrows: true,
        centerMode: true,
        centerPadding: \'40px\',
        slidesToShow: 3
      }
    },
    {
      breakpoint: 480,
      settings: {
        arrows: true,
        centerMode: true,
        centerPadding: \'40px\',
        slidesToShow: 1
      }
    }
  ]
 
        });
    });
})(jQuery);
</script> 
';

