Subversion-Projekte lars-tiefland.ci

{nocache}
<div id="widgets" class="widget_{$smarty.session.servicebox|default:"mini-close"}">
    <div id="mini-close-button" class="{$smarty.session.servicebox|default:"mini-close"}">
        <i class="fa fa-chevron-circle-left" aria-hidden="true"></i>
    </div>

    <div id="cb-1" class="cb-dialog">{include file="servicebox_1.tpl"}</div>
    <div id="cb-2" class="cb-dialog">{include file="servicebox_2.tpl"}</div>
    <div id="cb-3" class="cb-dialog">{include file="servicebox_3.tpl"}</div>
    <div id="cb-4" class="cb-dialog">{include file="servicebox_4.tpl"}</div>
    <div id="cb-5" class="cb-dialog">{include file="servicebox_5.tpl"}</div>
    
    <div class="cb-1 cb-dialog-opener"><img src="/images/webelemente/svg/sb_icon_versand.svg" style="width:32px;height:16px;" /><br />Versand</div> 
    <div class="cb-2 cb-dialog-opener"><img src="/images/webelemente/svg/sb_icon_hotline.svg" style="width:26px;height:26px;" /><br />Hotline</div>
    <div class="cb-3 cb-dialog-opener"><img src="/images/webelemente/svg/sb_icon_kontakt.svg" style="width:20px;height:23px;" /><br />Kontakt</div>
    <div class="cb-4 cb-dialog-opener"><img src="/images/webelemente/svg/sb_icon_probefahren.svg" style="width:40px;height:23px;" /><br />Probefahren</div>
    <div class="cb-5 cb-dialog-opener noborder"><img src="/images/webelemente/svg/sb_icon_werkstatt.svg" style="width:23px;height:23px;" /><br />Werkstatt</div>
</div>
<script>
$(document).ready(function(){
    
    // position pfeil bei servicebox
    $('.cb-dialog-opener').click(function(){
        var classArr = $(this).attr('class').split(" ");
        var cbId = classArr[0];
        $('.ui-dialog').each(function() {
            var aria = $(this).attr('aria-describedby');
            var h = $(this).height();
            var center = parseInt( (h/2) - 15 );
            if(aria.indexOf(cbId)==0) {
                $('#cb-style').html('.ui-dialog::before,.ui-dialog::after {  margin:'+center+'px 0 0 -33px; border-color:  transparent #fff transparent transparent; display:block; }');
            }
        });
    });
    
    // ein-/ausklappen
    $('.mini-open').html('<i class="fa fa-chevron-circle-right" aria-hidden="true"></i>');
    $('.mini-close,.mini-open').click(function(){
        $('.ui-dialog').hide('fade');
        var className = $(this).attr("class");
        //einklappen
        if(className=="mini-close") {
            $('#widgets').animate({
                    left: "-=92",
                    easing:"easeOutQuint",
                }, 300, function() {
            // Animation complete.
            });
            $.get("/module/setSessionVars.php?servicebox=mini-open",function(){
                $("#mini-close-button").removeClass("mini-close");
                $("#mini-close-button").addClass("mini-open");
                $("#mini-close-button").html('<i class="fa fa-chevron-circle-right" aria-hidden="true"></i>');
            });
        }else{
            //ausklappen
            $('#widgets').animate({
                    left: "+=92",
                    easing:"easeOutQuint",
                }, 300, function() {
            // Animation complete.
            });
            $.get("/module/setSessionVars.php?servicebox=mini-close",function(){
                $("#mini-close-button").removeClass("mini-open");
                $("#mini-close-button").addClass("mini-close");
                $("#mini-close-button").html('<i class="fa fa-chevron-circle-left" aria-hidden="true"></i>');
            });
        }
    });
    
    
    
});
</script>
<style id="cb-style">

</style>
{/nocache}