$(document).ready(function () {
    var slides = $("ul#slider > li");
    var info = slides.find("> div");
    var index = 0;
    var speed = 6000;
    var transitionSpeed = 1000;

    function nextSlide() {
        var next = index + 1;
        if (next == slides.length)
            next = 0;
        $(info[index]).stop().animate({
            height: 0
        }, transitionSpeed, function () {
            $(slides[index]).animate({
                opacity: 0
            }, transitionSpeed, function () {
                $(this).attr("style", "").removeClass("current");
                setTimeout(nextSlide, speed);
                $(slides[next]).addClass("current");
                $(info[next]).stop().animate({
                    height: 100
                }, transitionSpeed);
            }).css("z-index", "");
            $(slides[next]).css({
                zIndex: 2,
                opacity: 1,
                display: "block"
            });
            index = next;
        });
    }
    $(info[0]).animate({
        height: 100
    }, transitionSpeed, function () {
        if (slides.length > 1)
            setTimeout(nextSlide, speed);
    });
});