<div id="hero" class="nadelshowroom section section-hero section-nadelshowroom">
    <div class="container">
        <div class="row">
            <div class="col">
                <div id="nadelselektor">
                    <f:cObject typoscriptObjectPath="lib.dynamicContent" data="{pageUid: '{data.uid}', colPos: '0'}"/>
                </div>
            </div>
        </div>
        <div id="nadellegende"></div>
    </div>
    <div id="skfbSolo">
        <div class="embed-responsive embed-responsive-sketchfab">
            <iframe id="skfbModel" name="skfb_model" class="embed-responsive-item" src="//sketchfab.com/models/edc74821235a46a3ba9cc6c28a4a0693/embed?autospin=0.2&amp;autostart=1&amp;preload=0&amp;transparent=0&amp;ui_stop=0&amp;ui_related=0&amp;scrollwheel=1" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" onmousewheel=""></iframe>
        </div>
    </div>
    <div id="skfbModal" class="modal fade">
        <div class="modal-dialog modal-skfb">
            <div class="modal-content">
                <div>An Error while Loading occured</div>
            </div>
        </div>
    </div>
</div>


<f:asset.script identifier="translationStringReplacer2" src="EXT:seragwiessner_sitepackage/Resources/Public/Scripts/loadNadelshowroom_locale.php"></f:asset.script>


<f:asset.script identifier="languageStringReplacer">
    if ("undefined" != typeof SW_LANG) {
        let bl = document.querySelectorAll('.needle-selector:not(.hidden)');

        const n = document.documentElement.lang.substring(0, 2);

        bl.forEach(function(e) {
            var d = e.getAttribute("data-bs-original-title");

            e.setAttribute("data-bs-original-title", d.replace(/\[\[(\w+)\]\]/g, (
                function (e, o) {
                    return SW_LANG[n][o] || e
                })
            ));
        })
    }
</f:asset.script>

<f:comment>
<f:asset.script identifier="skfbModal" src="EXT:seragwiessner_sitepackage/Resources/Public/Scripts/loadNadelshowroom_locale.php">
    console.log('Injecting iFrame');
    document.querySelector('#skfbModal .modal-content').innerHTML = '<iframe src="/typo3conf/ext/seragwiessner_sitepackage/Resources/Public/showroom-compare/index.php?lang='+document.documentElement.lang+'" onmousewheel=""></iframe>'+'<a href="'+location.href+'" class="btn btn-default btn-close" ><span class="icon icon-close"></span>'+ (function(){ return SW_LANG[document.documentElement.lang]['compareClose'] || SW_LANG.en['compareClose']}()) +'</a>';
</f:asset.script>
</f:comment>
