$(document).ready(function() {

    var currentPosition = 0;

    var slideWidth = 800;

    var slides = $('.slide');

    var numberOfSlides = slides.length;

    //Scrollbarları saklar

    $('#slidesContainer').css('overflow', 'hidden');

    // Tüm slide classlarını #slideInner divi içerisine wrap ediyoruz.

    slides

    .wrapAll('<div id="slideInner"></div>')

    // Slide classlarını yatay gösterebilmek için sola yaslarız

       .css({

           'float': 'left',

           'width': slideWidth

       });



    $('#slideInner').css('width', slideWidth * numberOfSlides);

    $('#slideshow')

    .prepend('<span class="control" id="leftControl">Clicking moves left</span>')

    .append('<span class="control" id="rightControl">Clicking moves right</span>');



    // ilk yüklenmede sol ok'u saklar

    manageControls(currentPosition);



    // Event listenerlar oluşturulur

    $('.control')

    .bind('click', function() {

        // Yer belirlenir

        currentPosition = ($(this).attr('id') == 'rightControl') ? currentPosition + 1 : currentPosition - 1;



        // Gizle / göster

        manageControls(currentPosition);

        $('#slideInner').animate({

            'marginLeft': slideWidth * (-currentPosition)

        });

    });



    // manageControl fonksiyonu: sol ve sağ controlleri pozisyona göre göster / sakla

    function manageControls(position) {

        // ilk sayfada Sol ok kontrolünü sakla

        if (position == 0) { $('#leftControl').hide() } else { $('#leftControl').show() }

        // ilk sayfada sağ ok kontrolünü sakla

        if (position == numberOfSlides - 1) { $('#rightControl').hide() } else { $('#rightControl').show() }

    }

});