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