<?php
if ($this->entry['page_image_path']):
// $this->import('\MobileDetection\Mobile_Detection','Mobile_Detection');
// if ($this->Mobile_Detection->getDeviceType() == 'phone') $isPhone = true;
if (\Environment::get('agent')->mobile) $isPhone = true;;
if ($isPhone)
{
$width = 640;
$height = 183;
$top = 20;
}
else
{
$width = 1920;
$height = 550;
$top = 90;
}
?>
<div class="<?php echo $this->class; ?> reader block"<?php echo $this->cssID; ?><?php if ($this->style): ?> style="<?php echo $this->style; ?>"<?php endif; ?>>
<div id="layerslider" style="width: 100%; height: <?= ($isPhone ? '183px' : '550px') ?>;">
<div class="ls-slide <?php echo $this->class; ?>"<?php echo $this->cssID; ?><?php if ($this->style): ?> style="<?php echo $this->style; ?>"<?php endif; ?> data-ls="slidedelay: 4000; transition2d: 2,7,9;">
<img src="<?= $this->getImage($this->entry['page_image_path'], $width, $height, 'center_center'); ?>" alt="<?= $this->entry['page_image_meta']['de']['title'] ?>" class="ls-bg">
<h3 class="ls-l line_1" style="top: <?= $top; ?>px; margin-bottom: 6px;"><span><?= $this->entry['row']['title'] ?></span></h3>
<?php if ($this->entry['row']['pageimage_subline']): ?><h3 class="ls-l line_2" data-ls="delayin: 200" style="top: <?= $top; ?>px;"><span><?= $this->entry['row']['pageimage_subline'] ?></span></h3><?php endif ?>
</div>
</div>
</div>
<?php endif ?>