var slideWidth, slideCount, slideContainerWidth, interval;

$(document).ready(function() {

    // Konfiguration   
    controlBarEasing = 'easeOutQuart';
    controlBarAnimationSpeed = 200;
    slideShowEasing = 'easeOutSine';
    slideShowAnimationSpeed = 700;
    slideShowInterval = 9000;

    // Controlbar ein und ausblenden
    controlBar = $('div#slideShow').children('div:last');
    controlBarHeight = $(controlBar).css('bottom');

//    $('div#slideShow').hover(
//        function() {
//            $(controlBar).stop(false,true).animate( {bottom: 0}, {duration: controlBarAnimationSpeed, easing: controlBarEasing} );
//        },
//        function() {
//            $(controlBar).stop(false,true).animate( {bottom: controlBarHeight}, {duration: controlBarAnimationSpeed, easing: controlBarEasing} );
//        }
//    );


    // SlideShow/Fading
    slideWidth = parseInt($('.slide').width()); // .css('width') funktioniert nicht in IE
    slideCount = $('.slide').length;
    slideContainerWidth = slideCount * slideWidth;

    $("#slides").width(slideContainerWidth); // .css('width', slideContainerWidth) funktioniert nicht in IE

    $("#slides").css('left', 0); 


    interval = setInterval('doSlideShow()', slideShowInterval);


    $('.control:first').addClass('selected');

    $('.control').click(function() {

        clearInterval(interval);

        choosenSlideNmbr = parseInt($(this).attr('id'));

        if($('.control[id='+choosenSlideNmbr+']').hasClass('selected'))
            return false;

        slideToSlide(choosenSlideNmbr);

        interval = setInterval('doSlideShow()', slideShowInterval);
        
    });
        
});


function slideToSlide(slideNmbr) {

    currentSlide = $('.selected');
    currentSlideNmbr = parseInt($(currentSlide).attr('id'));
    
    currentLeft = -1 * (currentSlideNmbr - 1) * slideWidth;

    wayToSlide = slideWidth * (currentSlideNmbr - slideNmbr);

    $('#slides').animate({'left': currentLeft + wayToSlide+'px'}, slideShowAnimationSpeed, slideShowEasing, function() {

        if(slideNmbr != 1) {
            $(currentSlide).removeClass('selected');
        }

        $('.control[id='+slideNmbr+']').addClass('selected');

        $('.control:lt('+(slideNmbr-1)+')').addClass('passed');
        $('.control:gt('+(slideNmbr-2)+')').removeClass('passed');
        $('.control:gt('+(slideNmbr-1)+')').removeClass('selected');

    });

    return true;

}

function doSlideShow() {
    nextSlideNmbr = parseInt($('.selected').attr('id')) + 1;

    if(nextSlideNmbr > $('.slide').length) {

        $('.selected').removeClass('selected');
        $('.control').each(function() {
            $(this).removeClass('passed');
        });

        $('#slides').fadeOut('slow');
        $('.control:first').addClass('selected');
        
        slideToSlide(1);

        $('#slides').fadeIn('slow');

        return;
    }

    slideToSlide(nextSlideNmbr);
}

function doFading() {
    nextSlideNmbr = parseInt($('.selected').attr('id')) + 1;

    if(nextSlideNmbr > $('.slide').length)
        nextSlideNmbr = 1;

    $('#slides').fadeOut('slow');
    slideToSlide(nextSlideNmbr);
    $('#slides').fadeIn('slow');

}