var aktif = 0, gosterim_adeti = 3;
var dizi = new Array();
$(document).ready(function() {
    var boyut = $("#alan > div").length;
    for (var i = 0; i < boyut; i++) {
        dizi[i] = $("#alan > div:eq(" + i + ")").html();
    }
    $("#alan").html("");
    for (var i = 0; i < gosterim_adeti; i++) {
        $("#alan").append("<div>" + dizi[i] + "</div>");
    }
    setInterval(degistir, 2000);
    function degistir() {
        aktif = (aktif + 1) % boyut;
        $("#alan").html("");
        var ilk = aktif - 1;
        if (ilk < 0)ilk = ilk + boyut;
        $("#alan").append("<div>" + dizi[ilk] + "</div>");
        for (var i = aktif; i < aktif + gosterim_adeti; i++) {
            $("#alan").append("<div>" + dizi[(i % boyut)] + "</div>");
        }
        $("#alan > div:first").slideUp(500);
        $("#alan > p:div").css("height", "70px").animate({height:"24px"}, 600);
        //verdiğimiz yükseklik css ile belirttiğimiz yükseklik
        //ayrıca alan id'li elementin yüksekliğini hesaplayarak vermeliyiz.
    }
});

