$(document).ready(function() {

    /*bilder aus onmouseover/onmouseout extrahieren und einfuegen*/
    $('.teaser-title img').each(
        function()
        {
            imgSrc = $(this).parent().html().split('\'');
            $(this).hide();
            
            imgAct = $('<img>').attr(
                {
                    src: imgSrc[1],
                    title: '',
                    alt: '',
                    'class': 'teaser-title-act'
                }
            );
            imgNo = $('<img>').attr(
                {
                    src: imgSrc[3],
                    title: '',
                    alt: '',
                    'class': 'teaser-title-no'
                }
            );
            $(imgNo).insertAfter($(this));
            $(imgAct).insertAfter($(this));        
        }
    );    
    
    //alle slider ausser dem ersten einklappen & hintergrund fuer .teaser-frame setzen
    $('.teaser-entry').not('.teaser-entry:first').addClass('no');
    $('.teaser-entry:first').addClass('act');
    

    $('.teaser').kwicks
    (
        {   
            /* !!! bei größenänderungen auch kwicks.js anpassen !!! */
            /* Abstand = linker Balken - Rundung links = 28px */
            /* 6 elements
            max : 465,
            */
            /* 5 elements:
            max : 583,
            */
            /* 4 elements */
            max : 611,
            sticky : true,
            duration: 500,
            easing: 'jswing' 
        }
    );    
    
    
    
    $('.teaser-entry').hover
    (
        function()
        {
            $('.teaser-entry').removeClass('act').addClass('no');
            $(this).addClass('act').removeClass('no');
        }
    );

    jQuery('a.lightbox').fancybox(
    {
        zoomSpeedIn:   300,
        zoomSpeedOut:  300,
        overlayShow:   true,
        titlePosition: 'inside' // alternativen: 'over' (transparent), 'outside' (achtung: nur einzeiliger text moeglich)
    });

    // make da list icons blue:
    $('.csc-texttext ul, .csc-texttext ol, .csc-textpic-text ul, .csc-textpic-text ol').each(function(el){
        $(this).find('li').addClass('jsc-li').wrapInner('<span></span>')
    });

    // styling für anfahrtszeitentabelle
    $('#colnavi table .td-0').addClass('jsc-td-0').wrapInner('<span></span>');

});