function SlideShow(slideDelay, $) {

    // Slide show

    //var slideDelay = 5000; // miliseconds 
    var currentSlide = 0; // first slide to open
    var nextSlide = 1; // next slide to open
    var animationInProgress = false;
    var numberOfSlides = $('.fade_items .item').size() - 1;

    var hideSlides = function() {
        for (var i = 0; i <= numberOfSlides; i++) {
            $($(".main_photo_container>.navi>a")[i]).removeClass("active");
            $($(".item")[i]).hide();
        }
    };
    $($(".main_photo_container>.navi>a")[currentSlide]).addClass("active");
    $($(".item")[currentSlide]).fadeIn("fast", function() {
        var slideShow = function() {
            $($(".item")[currentSlide]).delay(slideDelay).fadeOut("fast", function() {
                while (animationInProgress) { }
                animationInProgress = true;
                hideSlides();
                $($(".item")[nextSlide]).fadeIn("slow", function() {
                    $($(".main_photo_container>.navi>a")[nextSlide]).addClass("active");
                    currentSlide = nextSlide;
                    nextSlide == numberOfSlides ? nextSlide = 0 : nextSlide += 1;
                    slideShow();
                });
                animationInProgress = false;
            });
        };
        slideShow();
    });

    $(".navi a").click(function(e) {
        e.preventDefault();
        var clickedSlide = $(this).attr('href').match( /#(\d+)/ )[1];
        while (animationInProgress) { }
        animationInProgress = true;
        nextSlide = parseInt(clickedSlide);
        hideSlides();
        $($(".main_photo_container>.navi>a")[nextSlide]).addClass("active");
        $($(".item")[nextSlide]).show();
        nextSlide == numberOfSlides ? nextSlide = 0 : nextSlide += 1;
        animationInProgress = false;
    });
};


jQuery(document).ready(function ($) {
	$("#browsable_brands").scrollable({circular: false, mousewheel: false}).navigator();
    
});