<div id="aboutBox" class="indexbox">
	<div class="fixTxt" data-paroller-factor="-0.1" data-paroller-type="foreground" data-paroller-direction="horizontal">WE PUT YOU FIRST</div>
	<div id="pictureBox" class="paroller" data-paroller-factor="0.05" data-paroller-type="foreground" data-paroller-direction="vertical">
		<ul>
			<php:repeater id="listP">
			<template>
			<li><a class="photo" href="<?# Link ?>" title="<?# Title ?>" style="background-image: url(<?# Image ?>);"><img src="/images/33/img-picturePhoto.png" alt="<?# Title ?>" /></a></li>
			</template>
			</php:repeater>
		</ul>
	</div>
	<div class="aboutinfo">
		<div class="info row">
			<h3 class="boxtit"><?# indexAboutTitle2 ?></h3>
			<h2><?# indexAboutTitle1 ?></h2>
			<article><?# aboutIntroduction ?></article>
			<?# GoogleSearch ?>
			<p class="more"<?# indexAboutLinkStyle ?>><a href="<?# aboutLink ?>" title="<?# indexAboutLinkT ?>"><?# indexAboutLinkT ?></a></p>
		</div>
		<div class="img row"><a class="photo" href="<?# aboutLink ?>" title="<?# indexAboutLinkT ?>" style="background-image:url(<?# aboutImage ?>);"></a></div>
	</div>
</div>
<script>
	$(function(){
		$('#pictureBox ul').slick({
			autoplay: true,
			arrows: false,
			infinite: true,
			speed: 300
		});
	});
</script>