<?php

// Fetch banner configuration
$banners = include_once $_SERVER['DOCUMENT_ROOT'] . '/config/banners/home_header.php';
$bannerImagePath = '/img/banners/header/';

?>

<div id="portfolioLabel" class="label">
    <div class="content">
    	<ul>
            <?php

            // Loop through all banners
            foreach($banners as $banner) {

                echo '<li>';
                    echo '<a href="' . trans('pages.projects.route',false) . '/'  . $banner['route'] . '">';
                    echo 'Bekijk onze creatie voor<br />' . $banner['name'];
                    echo '</a>';
                    echo '<span class="arrow"></span><br />';
                    echo '<br />';
                    echo '<a class="actionBtn knopMedium" href="/' . trans('pages.projects.route',false) . '/'  . $banner['route'] . '">';
                        echo '<span class="text">Bekijk dit project</span>
                              <span class="up"></span>
                              <span class="hover"></span>
                              <span class="upRight"></span>
                              <span class="hoverRight"></span>';
                    echo '</a>';
                echo '</li>';
            }

            ?>
        </ul>
    </div>
    <div class="shadow"></div>
</div>
<div class="logoOverzicht"><a></a></div>
<div class="fotoFrame">
    <ul>
        <?php

        // Loop through all banners
        foreach($banners as $key => $banner) {

            // QnD
            $key == 0 ? $class = ' class="first"' : $class = '';

            echo '<li' . $class . '>';
                echo '<a href="/">';
                    echo '<img src="' . $bannerImagePath . $banner['image'] . '" />';
                echo '</a>';
            echo '</li>';
        }

        ?>
    </ul>
</div>
<div class="headerMenu">
    <a id="headerArrowLeft"><span></span></a>
    <div class="content">
        <ul>

            <?php

            // Loop through all banners
            foreach($banners as $key => $banner)
            {
                // QnD
                $key == 0 ? $class = ' class="gevuld active"' : $class = ' class="gevuld notActive"';

                echo '<li' . $class . '>';
                    echo '<div class="up" style="background-image:url(' . $bannerImagePath . $banner['thumb'] . ');"></div>';
                    echo '<div class="hover" style="background-image:url(' . $bannerImagePath . $banner['thumb'] . ');"></div>';
                echo '</li>';
            }

            ?>
        </ul>
    </div>
    <a id="headerArrowRight"><span></span></a>
    <div class="shadow"></div>
</div>
<div class="fotoVerlengde"></div>