$(function () {
    $('#slider .slide').each(function () {
        $('#slider-controllers').append('<a href="#"></a>');
    });

    $("#slider-controllers").tabs("#slider > div", {

        // enable "cross-fading" effect
        effect: 'fade',
        fadeOutSpeed: "slow",

        // start from the beginning after the last tab
        rotate: true

        // use the slideshow plugin. It accepts its own configuration
    }).slideshow({ autoplay: 1, interval: 5000 });
});