function slider(){

// RESİM SAYISI
var resimSayisi = $('#slider img').length;

// RESİMLERİ DİZİYE ATMA
var resimler = new Array();

for (i = 0; i < resimSayisi; i++) {
    resimler[i] = $('#slider img').eq(i).attr("src");
}

$('#slider').html("");

for (i = 0; i < 18; i++) {
    $('#slider').append('<div class="kutu"><div class="kutu_ici1"></div><div class="kutu_ici2"></div></div>');
}

$('#slider-wrapper').append('<div class="control"></div>');
var mLeft = (resimSayisi * 30) / 2;
$('.control').css("margin-left", "-" + mLeft + "px");
for (i = 1; i < resimSayisi + 1; i++) {
    $('.control').append("<a rel=\"" + (i - 1) + "\">" + i + "</a>");
}

$('.kutu:eq(0),.kutu:eq(6),.kutu:eq(12)').css("margin-left", "0px");
$('.kutu:eq(12),.kutu:eq(13),.kutu:eq(14),.kutu:eq(15),.kutu:eq(16),.kutu:eq(17)').css("margin-bottom", "0px");

var ust = 0;
var sol = 0;

for (i = 0; i < 18; i++) {
    $(".kutu_ici1:eq(" + i + ")").css("background-position", "-" + sol + "px -" + ust + "px");
    $(".kutu_ici2:eq(" + i + ")").css("background-position", "-" + sol + "px -" + ust + "px");
    sol = sol + 159;
    if (sol > 800) { sol = 0; }
    if (i > 4 & i < 12) { ust = 99 }
    if (i > 10 & i < 19) { ust = 198 }
}

$(".control a:eq(0)").addClass("active");

var now = 0;
var wait = 1;

$('.kutu_ici1').css("background-image", "url(" + resimler[now] + ")");
$('.kutu_ici2').css("background-image", "url(" + resimler[wait] + ")");


var tiklamasayaci = 0;
var mOver = 0;

zamanlama();


$(".control a").click(function () {
    if ($('div:animated').length == 0) {
        var option = $(this).attr("rel");
        option = parseInt(option);
        now = option;
        wait = option + 1;
        $('.kutu_ici2').css("background-image", "url(" + resimler[now] + ")");
        if (wait >= resimSayisi) { wait = 0; }
        if (now >= resimSayisi) { now = 0; }
        $('.control a').removeClass("active").length;
        $(".control a:eq(" + now + ")").addClass("active");
        if (tiklamasayaci == 0) { tiklamasayaci = 1; sirali(); } else { tiklamasayaci = 0; solarak(); }
    }
});

$('#slider-wrapper').hover(function () {
    mOver = 1;
    clearTimeout(zaman);
},
	function () {
	    mOver = 0;
	    zamanlama();
	});

function zamanlama() {
    if (mOver == 0) { if ($('div:animated').length == 0) { zaman = setTimeout(function () { autoeffect(); }, 5000); } }
}

function autoeffect() {
    if (mOver == 0) {
        if ($('div:animated').length == 0) {
            now = now + 1;
            wait = wait + 1;
            if (wait >= resimSayisi) { wait = 0; }
            if (now >= resimSayisi) { now = 0; }
            $('.control a').removeClass("active").length;
            $(".control a:eq(" + now + ")").addClass("active");
            if (tiklamasayaci == 0) { tiklamasayaci = 1; sirali(); } else { tiklamasayaci = 0; solarak(); }
            setTimeout(function () { zamanlama(); }, 1060);
        } 
    }

}

function sirali() {
    //		alert("Now : "+now+" ve Wait : "+wait+"");
    var sayac = 0;
    $(".kutu_ici1").each(function () {
        $(this).delay(sayac).animate({ top: "155px" }, 100);
        sayac = sayac + 50;
    });
    setTimeout(function () { $(".kutu_ici1").css("top", "0px"); }, 990);
    setTimeout(function () { $('.kutu_ici1').css("background-image", "url(" + resimler[now] + ")"); }, 990);
    setTimeout(function () { $('.kutu_ici2').css("background-image", "url(" + resimler[wait] + ")"); }, 1040);
    setTimeout(function () { clearTimeout(zaman); }, 1040);
}

function solarak() {
    //		alert("Now : "+now+" ve Wait : "+wait+"");

    var sayac = 0;
    $(".kutu_ici1").each(function () {
        $(this).delay(sayac).animate({ opacity: 0 }, 100);
        sayac = sayac + 50;
    });
    setTimeout(function () { $(".kutu_ici1").animate({ opacity: 1 }, 0); }, 990);
    setTimeout(function () { $('.kutu_ici1').css("background-image", "url(" + resimler[now] + ")"); }, 990);
    setTimeout(function () { $('.kutu_ici2').css("background-image", "url(" + resimler[wait] + ")"); }, 1040);
    setTimeout(function () { clearTimeout(zaman); }, 1040);
}


}