


jQuery(document).ready(function(){
    // fix background image caching problem in ie6
    if (jQuery.browser.msie) {
        try { 
            document.execCommand("BackgroundImageCache", false, true);
        } catch(err) {
            //...
        };
    };
    // helper method to generate go buttons for carousel
    var carouselPrepareGoButtons = function() {
        var buttons = [];
        jQuery("#startseite-carousel li").each(
            function(index) {
                buttons[buttons.length] = ".startseite-carousel-menu ." + (index+1);
                jQuery(".startseite-carousel-menu").append('<a href="#" class="'+(index+1)+'">'+(index+1)+'</a> ');
            }
        );
        return buttons;
    };
    // helper method to fetch index of an element
    var carouselGetIndex = function(element) {
        var elements = jQuery('#startseite-carousel>ul>li').get();
        var i = 0;
        for(i=0; i<elements.length; i++) {
            if (elements[i]==element) {
                break;
            }
        }
        return i;
    } 
    // setup carousel
    var carouselOptions = {
         btnNext:   ".startseite-carousel-next"
        ,btnPrev:   ".startseite-carousel-prev"
        ,btnGo:     carouselPrepareGoButtons()
        ,visible:   1
        ,easing:    "easeInOutExpo"
        ,speed:     1000
        ,beforeStart: function(elements) {
            //var index = carouselGetIndex(elements[0]);
            //jQuery(".startseite-carousel-menu a."+index).removeClass('active');
        }
        ,afterEnd:  function(elements) {
            var index = carouselGetIndex(elements[0]);
            jQuery(".startseite-carousel-menu a").removeClass('active');
            jQuery(".startseite-carousel-menu a."+index).addClass('active');
        }
    };
    jQuery("#startseite-carousel").jCarouselLite(carouselOptions);
    // apply hover effect on prev/next buttons
    jQuery(".startseite-carousel-prev, .startseite-carousel-next").hover(
        function() {
            jQuery(this).addClass('active');
        },function() {
            jQuery(this).removeClass('active');
        }
    ); 
    // adjust width of menu to correctly center it
    jQuery(".startseite-carousel-menu").width(
        ((jQuery.support.boxModel?0:10) + ( jQuery(".startseite-carousel-menu a").outerWidth(true) * jQuery(".startseite-carousel-menu a").get().length ))
        + 'px'
    );
    // hilite/activate first menu button
    jQuery(".startseite-carousel-menu a:first").addClass('active');
});

