{block name='snippets-banner'}
    {$lazyLoadImages=$lazyLoadImages|default:true}
    {if isset($oImageMap)}
        <div class="container{if $isFluid}-fluid{/if}">
            {opcMountPoint id='opc_before_banner'}
            <div class="banner snippets-banner">
                {block name='snippets-banner-image'}
                    {image fluid=true lazy=$lazyLoadImages src=$oImageMap->cBildPfad alt=$oImageMap->cTitel width=$oImageMap->fWidth height=$oImageMap->fHeight}
                {/block}
                {block name='snippets-banner-map'}
                    {foreach $oImageMap->oArea_arr as $oImageMapArea}
                        {strip}
                            <a href="{$oImageMapArea->cUrl}" class="area {$oImageMapArea->cStyle}"
                                  style="left:{math equation="(100/bWidth)*posX" bWidth=$oImageMap->fWidth posX=$oImageMapArea->oCoords->x}%;top:{math equation="(100/bHeight)*posY" bHeight=$oImageMap->fHeight posY=$oImageMapArea->oCoords->y}%;width:{math equation="(100/bWidth)*aWidth" bWidth=$oImageMap->fWidth aWidth=$oImageMapArea->oCoords->w}%;height:{math equation="(100/bHeight)*aHeight" bHeight=$oImageMap->fHeight aHeight=$oImageMapArea->oCoords->h}%" title="{$oImageMapArea->cTitel|strip_tags|escape:'html'}"
                            >
                            </a>
                            {if $oImageMapArea->oArtikel || !empty($oImageMapArea->cBeschreibung)}
                                {assign var=oArtikel value=$oImageMapArea->oArtikel}
                                <div class="area-desc">
                                    {block name='snippets-banner-map-area-image'}
                                        <div class="snippets-banner-image">
                                            {if $oArtikel !== null}
                                                {include file='snippets/image.tpl' item=$oArtikel square=false}
                                            {/if}
                                        </div>
                                        {if !empty($oImageMapArea->cBeschreibung)}
                                            <p class="snippets-banner-desc">
                                                {$oImageMapArea->cBeschreibung}
                                            </p>
                                        {/if}
                                    {/block}
                                </div>
                            {/if}
                        {/strip}
                    {/foreach}
                {/block}
            </div>
        </div>
    {/if}
{/block}
