Subversion-Projekte lars-tiefland.faltradxxs.de

{if count($artstamm.itemTable) > 1 && $artstamm.medien[0]->medium.bild_url != $ini.itemKorrektur.noImage}
    <div class="box_singleitem_img_wrapper">
        <div class="box_singleitem_img" style="">
            <img class="mausDrin" src="{$artstamm.medien[0]->medium.bild_url_ba}" {if $artstamm.medien[0]->medium["beschreibung"] != ""}alt="{$artstamm.medien[0]->medium["beschreibung"]}" title="{$artstamm.medien[0]->medium["beschreibung"]}"{else}alt="{$artstamm.kurzbezeichnung}" title="{$artstamm.kurzbezeichnung}"{/if} id="img_zoom" data-zoom-image="{$artstamm.medien[0]->medium.bild_url}" />
        </div>
        <p class="small grey" style="text-align:center;clear:both;margin-top:20px;">-- Auf Produktfotos angezeigte Dekorationsartikel geh&ouml;ren nicht zum Leistungsumfang. --</p>
    </div>
    
    {if count($artstamm.medien) > 1}
        <div class="thumbs_container" id="gallery">
            <ul class="sliderArtikelBilder">
                {foreach $artstamm.medien as $key => $bild}
                    {if $artstamm.medien[$key]->medium.typ=="Bild"}
                    <li class="thumbs">
                        <a href="#" data-image="{$artstamm.medien[$key]->medium.bild_url_ba}" data-zoom-image="{$artstamm.medien[$key]->medium.bild_url}" title="Artikelbild">
                            <img src="{$artstamm.medien[$key]->medium.bild_url_mini}" class="mausDrin" {if $artstamm.medien[$key]->medium["beschreibung"] != ""}alt="{$artstamm.medien[$key]->medium["beschreibung"]}" title="{$artstamm.medien[$key]->medium["beschreibung"]}"{else}alt="{$artstamm.kurzbezeichnung}" title="{$artstamm.kurzbezeichnung}"{/if}/>
                        </a>
                    </li>
                    {/if}
                {/foreach}
            </ul>
        </div>
    {/if}
{else}
    {foreach $artstamm.itemTable as $index => $itemData}
        {if $index == 0}
        <div class="box_singleitem_img_wrapper">
            <div class="box_singleitem_img" style="">
                {if $itemData.medien[0]->medium.bild_url != $ini.itemKorrektur.noImage}
                <img class="mausDrin" src="{$itemData.medien[0]->medium.bild_url}" {if $itemData.medien[0]->medium["beschreibung"] != ""}alt="{$itemData.medien[0]->medium["beschreibung"]}" title="{$itemData.medien[0]->medium["beschreibung"]}"{else}alt="{$itemData.kurzbezeichnung}" title="{$itemData.kurzbezeichnung}"{/if} id="img_zoom" data-zoom-image="{$itemData.medien[0]->medium.bild_url_gr}" />
                {/if}
            </div>
            <p class="small grey" style="clear:both;margin-top:20px;">-- Auf Produktfotos angezeigte Dekorationsartikel geh&ouml;ren nicht zum Leistungsumfang. --</p>
        </div>
        {/if}
    {/foreach}
{/if}


<script>
    $(document).ready(function() {

        var w = $('.itemLeftContainer').width();
        {* classname, windowWidth, slides, autoplay, infiniteLoop, forceWidth *}
        var slider = initSlider( "sliderArtikelBilder", w, 4, false, false, true );
        
        //pass the images to Fancybox
        $("#img_zoom").click(function(e) {
            var ez = $('#img_zoom').data('elevateZoom');
            var g = ez.getGalleryList();

            $.fancybox.open(g,{
                'openEffect'    :   'elastic',
                'closeEffect'   :   'elastic',
                'nextEffect'    :   'fade',
                'openSpeed'     :   200, 
                'closeSpeed'    :   200,
                helpers : {
                    buttons : {}
                }
            });
        });
        
    });

</script>