[[:meta

	css: [
    ],
	jsinclude: [
	]
]]

[[:section name: conf, kind: jsonload, title: Configurazione]]

	$('#carouselHome .carousel-inner div:nth-of-type(1), #carouselHome .carousel-indicators li:first-child').addClass('active');

  $('#carouselHome.carousel').carousel({
		wrap: true
	});

  var pg = $('#carouselHome .carousel-indicators');
	$('#carouselHome .carousel-inner .item').each(function(i) {

		var
			t = $(this);

		var el = $('<li data-target="#carouselHome" data-slide-to="' + i +'"></li>')
			.addClass(i === 0 ? 'active' : null)
			.appendTo(pg)
		;
	});
    
    

[[:section name: header]]

<div id="carouselHome" class="carousel slide" data-ride="carousel" data-interval="8000">

    <div class="contBox">
        <!-- Controls -->
        
        <!-- Indicators -->
        <ol class="carousel-indicators">
        </ol>
    </div>


  <!-- Wrapper for slides -->
  <div class="carousel-inner">

[[:section name: body, repeat: true]]

[[ kind: page, name: pageDest, title: 'Pagina di destinazione link' ]]

    <div class="item">
        <div class="captionBox">
        	<div class="container">
                <div class="row">
                	<div class="col-xs-12 col-sm-12 col-md-12">
                    	<div class="carousel-caption">
                            <h2 class="viewSottotitolo">[[ kind: text, name: Titolo, title: 'Titolo slide' ]]</h2>
                            <em class="userFormat2">[[ kind: text, name: Data, title: 'Data slide' ]]</em>
                            <p>[[ kind: textarea, name: Testo, title: 'Testo slide' ]]</p>
                        </div>
                        
                        <div class='linkDesc'><a href='[[ ref: pageDest, part: URLview ]]' title='[[ kind: text, name: desclink, title: 'Descrizione link' ]]'>[[ kind: text, name: Link, title: 'Link banner' ]]</a></div>
                    </div>
                </div>
            </div>
        </div>
        [[ kind: img, name: img, title: Immagine, alt: true, width: width, height: height]]
    </div>


[[:section name: footer]]

  </div>
  <div class="clearfix"></div>
</div>