jQuery(document).ready(function() {
    jQuery("#main").jcarousel({
        scroll: 1,
        initCallback: mycarousel_initCallback,
        buttonNextHTML: null,
        buttonPrevHTML: null,
		wrap: 'circular'
    });
	
	$("li").addClass("op");
	$("li:first-child").removeClass("op");
	
});

function mycarousel_initCallback(carousel) {
    jQuery('.nav a').bind('click', function () {
        carousel.scroll(jQuery.jcarousel.intval(jQuery(this).attr('rel')));
        /*Buraya bu aşağıdaki satırı ekledim*/
        $('.nav a').removeClass("nav-active");
        $(this).addClass("nav-active");

        $('.jcarousel-list li').addClass("op");
        $('.jcarousel-list li').eq(jQuery.jcarousel.intval(jQuery(this).attr('rel')) - 1).removeClass("op");

        return false;
    });


    jQuery('#mycarousel-next').bind('click', function() {
        carousel.next();
        return false;
    });

    jQuery('#mycarousel-prev').bind('click', function() {
        carousel.prev();
        return false;
    });
	
	$('body').keyup(function (event) {
    var direction = null;

		if (event.keyCode == 37) {
		  direction = carousel.prev();
		  		 
		} else if (event.keyCode == 39) {
		  direction = carousel.next();
		}
	
    });
};