// JavaScript Document
$(document).ready(function() {
    
    $(".slayt_link_kutu").show();	
    $(".slayt_link_kutu a:first").addClass("aktif");
    var imageWidth = $(".slayt_cerceve").width(); 	
    var imageSum = $(".resim_kutu img").size(); 
    var imageReelWidth = imageWidth * imageSum; 
    $(".resim_kutu").css({
        'width' : imageReelWidth
    });
    rotate = function(){
        var triggerID = $active.attr("rel") - 1; 	
        var image_reelPosition = triggerID * imageWidth;
        $(".slayt_link_kutu a").removeClass('aktif'); 
        $active.addClass('aktif'); 
        $(".resim_kutu").animate({
            left: -image_reelPosition
            }, 500 );
    }; 
    rotateSwitch = function(){
        play = setInterval(function(){
            $active = $('.slayt_link_kutu a.aktif').next();	
            if ( $active.length === 0) {
                $active = $('.slayt_link_kutu a:first');
            }
            rotate(); 
        }, 3000);
    };
    rotateSwitch();	
    $(".resim_kutu a").hover(function() {
        clearInterval(play);
    }, function() {	
        rotateSwitch();
    });
    $(".slayt_link_kutu a").click(function() {
        $active = $(this);
        clearInterval(play);
        rotate(); 
        rotateSwitch();
        return false;
    });
});