{INCLUDE_HEADER}

<div id="kb" class="slider carousel kb_elastic animate_text kb_wrapper" data-ride="carousel" data-interval="6000" data-pause="hover">
		<div class="carousel-inner" role="listbox">

<div class="item {SL_ACTIVE}" {LN_LINK}>

</div>

</div>

<a class="left carousel-control kb_control_left" href="#kb" role="button" data-slide="prev">
			<span class="fa fa-angle-left kb_icons" aria-hidden="true"></span>
			<span class="sr-only">Anterior</span>
		</a>

<a class="right carousel-control kb_control_right" href="#kb" role="button" data-slide="next">
			<span class="fa fa-angle-right kb_icons" aria-hidden="true"></span>
			<span class="sr-only">Próximo</span>
		</a>

</div>

</div>

$item.eq(0).addClass('active');
	$item.height($wHeight);
	$item.addClass('full-screen');

$('.carousel img').each(function() {
		var $src = $(this).attr('src');
		var $color = $(this).attr('data-color');
		$(this).parent().css({
			'background-image' : 'url(' + $src + ')',
			'background-color' : $color
		});
		$(this).remove();
	});

$(window).on('resize', function (){
		$wHeight = $(window).height();
		$item.height($wHeight);
	});

$('.carousel').carousel({
		interval: 6000,
		pause: "false"
	});
</script>

<div id="quemsomos" class="quemsomos" style="background-image: url('uploads/static/{QUEM_FUNDO}');">
		<div class="container">
			<div class="titles">
				<h1>{QUEM_TITULO}</h1>
				<div class="line"></div>
				<p>{QUEM_SUBTITULO}</p>
			</div>

<div class="row">
				<div class="col-md-7">
					<div class="text">
						{QUEM_PRETEXTO}

<a href="javascript:;" data-url="model/quemsomos" data-toggle="modal" data-target="#modalQuem" data-remote="false">SAIBA MAIS</a>
					</div>
				</div>
				<div class="col-md-5"></div>
			</div>
		</div>

var link = $(e.relatedTarget);
					$(this).find(".modal-body").load(link.attr("data-url"));
				});
			});
		</script>
	</div>

<div id="produtos" class="produtos">
		<div class="titles">
			<h1>{PROD_TITULO}</h1>
			<div class="line"></div>
			<p>{PROD_SUBTITULO}</p>
		</div>

$cor       = $(this).attr("data-color");
					$iconeOver = $(this).attr("data-icon-over");

$(this).find("img").attr("src", "uploads/produtos/"+$iconeOver);

$(this).css({
						"background-color" : $cor,
						"color"            : "#fff"
					});
				});

$(".col-over").mouseleave(function(){
					$icone = $(this).attr("data-icon");

$(this).find("img").attr("src", "uploads/produtos/"+$icone);

$(this).css({
						"background-color" : "#fff",
						"color"            : "#666"
					});
				});
			});
		</script>

<div class="col-md-3 col-sm-6">
					<div class="col col-over" data-color="{LN_PROD->cor}" data-icon="{LN_PROD->icone}" data-icon-over="{LN_PROD->icone2}">
						<img src="uploads/produtos/{LN_PROD->icone}" alt="{LN_PROD->titulo}">
						<span>{LN_PROD->titulo}</span>
						<p>{LN_PROD->subtitulo}</p>
					</div>
				</div>

</div>
		</div>
	</div>

<div class="parapara parallax" data-stellar-background-ratio="0.3" style="background-image: url('uploads/static/{PARALLAX_FUNDO}');">
		<h1>{PARALLAX_TITULO}</h1>
		<h2>{PARALLAX_SUBTITULO}</h2>
	</div>

<div id="ofertas" class="ofertas">
		<div class="titles">
			<h1>{OFER_TITULO}</h1>
			<div class="line"></div>
			
			<p></p>
		</div>

<div class="container">
			<nav>
				<ul>
					
					
					
					
				</ul>
			</nav>
			<div class="clearfix"></div>
		</div>

<div class="col-md-3 col-sm-6 col">
				<a href="uploads/ofertas/{LN_OFER->foto}" data-gallery="ofertas" title="{LN_OFER->titulo}">
					<img src="uploads/ofertas/{LN_OFER->foto}" alt="{LN_OFER->titulo}">
					<div class="dados">
						<strong>{LN_OFER->titulo}</strong>
						<span>{LN_OFER->subtitulo}</span>
						<small><i>a partir de:</i></small>
						
						<h3>R$ {LN_OFER->newprice}</h3>
					</div>
				</a>
			</div>

</div>

$(".filter-ofertas").click(function(){
					var ID = $(this).attr("data-id");

$.post("model/getOfertas", {ID : ID}, function(retorno){
						$(".ofertas .result").html(retorno);
					});
				});

});
		</script>

</div>

<form class="formOnde" name="formOnde" method="post" action="#">
				<div class="row">
					<div class="col-md-6">
						<select name="estado" id="estado" onchange="buscarCidades();">
							<option value="" selected>estado</option>
							
							<option value="{EST_ID}">{EST_NOME}</option>
							
						</select>
					</div>
					<div class="col-md-6">
						<select name="cidade" id="loadCidades" onchange="buscarLojas();">
							<option value="">cidade</option>
						</select>
					</div>

</div>
				</div>
			</form>
		</div>

if(estado)
				{
					var url = 'model/getCidades/'+estado;
					$.get(url, function(dataReturn) {
						$('#loadCidades').html(dataReturn);
					});
				}
			}

function buscarLojas()
			{
				var cidade = $('#loadCidades').val();

if(cidade)
				{
					var url = 'model/getLojas/'+cidade;
					$.get(url, function(data) {
						$('.formOnde .result').html(data);
					});
				}
			}
		</script>
	</div>

<div id="contato" class="contato" style="background-image: url('uploads/static/{CONT_FUNDO}');">
		<div class="titles">
			<h1>{CONT_TITULO}</h1>
			<div class="line"></div>
			<p>{CONT_SUBTITULO}</p>
		</div>