{*<!--<div class="page-home wrap {class file=$smarty.template editable=true}">
<div>
{assign var="imageId" value="image-home"}
{if $designImages.$imageId}
{/if}
</div>
{if !empty($products)}
{include file="templates/pages/catalog/views/thumb3_new.html"}
{/if}
</div>-->*}
        {literal}
        <style type="text/css">
            .vid {background-color: #000000;}
        </style>
        {/literal}
<div class="page-home wrap {class file=$smarty.template editable=true}">
<!-- <img src="images/banner.jpg"> -->
        {include file="templates/pages/site/slider.html"}
        
            <div style="float: right; width: 230px; margin-left: 0px;background-color:#000000;">
 {foreach item=each from=$sliderData1 key=indx}
            {if $indx == 0 }
        <div style="max-width:230px;">
    <!-- Insert to your webpage where you want to display the slider -->
              <div id="amazingslider-2" style="display:block;position:relative; border-bottom:1px solid #fff;">
                <ul class="amazingslider-slides" style="display:none;">
                    <li><img src="http://img.youtube.com/vi/{$each.link}/0.jpg" alt="{$each.link}" width="100%" height="100%" />
                        <video preload="none" src="http://www.youtube.com/embed/{$each.link}"></video>
                    </li>
                </ul>
              </div>
    <!-- End of body section HTML codes -->
		</div>
{/if} 
{/foreach}

    {foreach item=each from=$sliderData1 key=indx}
             
            {if $indx == 1 }
<div style="max-width:230px;">
    

    <div id="amazingslider-3" style="display:block;position:relative;">
        <ul class="amazingslider-slides" style="display:none;">
            <li><img src="http://img.youtube.com/vi/{$each.link}/0.jpg" alt="{$each.link}" width="100%" height="100%"/>
                <video preload="none" src="http://www.youtube.com/embed/{$each.link}"></video>
</li>
        </ul>
      
    </div>
    
    
</div>
{/if} 
			{/foreach}
		</div>
        
        <!--<div style="float: right; width: 230px; margin-left: 0px;background-color:#000000;">
<a  
 href=""
 style="display:block;width:230px;height:165px"  
 id="player"> 
</a> 
<a  
 href=""
 style="display:block;width:230px;height:165px"  
 id="player1"> 
</a> 
<!-- <iframe title="YouTube video player" width="230" height="330" src="{$pageContent}" frameborder="0" allowfullscreen></iframe> -->
            {literal}    
<!--<script type="text/javascript" src="content/vendors/swfobject/AC_RunActiveContent.js"></script>
        <script type="text/javascript" src="content/skins/PavementGroup/javascript/flowplayer-3.2.6.min.js"></script>-->
<!--<script language="javascript">
//alert(site_base_url);
var req_url = '{/literal}{$smarty.request.url}{literal}';
req_url = req_url.replace("url=", "");
//$.get(site_base_url+'infrared/ars-infrared-heater/?ajax_request=1&amp;xmlfiletype=Default',
$.get(site_base_url+'?p=homeproductvideo&id=374&ajax_request=1&xmlfiletype=Default',
function(data)
{
var playlist1_data = data.split(",");
flowplayer("player", "content/skins/PavementGroup/flowplayer-3.2.7.swf", {
clip : {// Clip is an object, hence '{...}'
autoPlay: false,
autoBuffering: true,
baseUrl: 'https://www.pavementgroup.com/'
},
onLoad: function() {// called when player has finished loading
this.setVolume(30);// set volume property
},
playlist: playlist1_data,
// show playlist buttons in controlbar
plugins:  {
controls: {
playlist: true,
// use tube skin with a different background color
url: 'flowplayer.controls-3.2.5.swf', 
backgroundColor: '#aedaff'
} 
}
});
});
$.get(site_base_url+'?p=homeproductvideo&id=375&ajax_request=1&xmlfiletype=Default',
function(data)
{
playlist2_data = data.split(",");
flowplayer("player1", "content/skins/PavementGroup/flowplayer-3.2.7.swf",  {
clip : {// Clip is an object, hence '{...}'
autoPlay: false,
autoBuffering: true,
baseUrl: 'https://www.pavementgroup.com/'
},
onLoad: function() {// called when player has finished loading
this.setVolume(30);// set volume property
},
  // here is our playlist with two clips
  playlist:playlist2_data,
// show playlist buttons in controlbar
plugins:  {
controls: {
playlist: true,
// use tube skin with a different background color
url: 'flowplayer.controls-3.2.5.swf', 
backgroundColor: '#aedaff'
} 
}
});
});
</script>-->
{/literal}
       <!-- </div>-->
<div class="contents">
<div><p><span>PavementGroup</span>.com is your reliable source for New & Used Pavement Maintenance Equipment, Water Trucks and Tanks and other Heavy Construction Equipment. Call today and find out why customers from over 30 countries have come to rely on our equipment expertise.</p></div>
</div>
<div>
{assign var="imageId" value="image-home"}
{if $designImages.$imageId}
{/if}
</div>
<div class="product">
    <h3>Featured Products</h3>
{*$products_file*}
{if !empty($products)}
{include file="templates/pages/catalog/elements/element-product-disphead-home.html"}
{include file=$products_file}
{/if}
</div>
<!--<div class="contents">
<p><b>Water Trucks & Tanks:</b> Our Steel & stainless water tanks are offered in 1,000-6,000 gallon (3,785-22,712 litres) capacities. Choose from bare tanks, Do-It-Yourself Tanks, Drop-On Tanks or an installed tank system from our East & West Coast facilities. We can install on your chassis or choose from our huge inventory of new and used trucks. Call for a complete list.</p>
<p><b>USED Paving Equipment:</b> Our used equipment inventory changes daily and not all of our used equipment is posted on our website. Contact us for a complete list.</p>
<p><b>Distributorships:</b> We are looking for qualified equipment resellers in certain US and International markets. If you currently offer equipment sales and service and feel that you've got what it takes to make our products a success, we'd like to hear from you. Please call us for details on opportunities in your area.</p>
</div>-->
</div>