var curPos = 0; // Vertical position of slider
var h = 262; // Height of 1 slide
var cur_man = 0;
var index = 0;

$(document).ready(function(){
    initCarousel();
})

initCarousel = function(){
    $("#clickz a").click(function(){
        if (!$(this).hasClass("active")) {
            $("#clickz a").removeClass("active");
            $(this).addClass("active");
            
            index = $("#clickz a").index($(this));
            cur_man = index;
            curPos = (-1)*index*h;
            $("#carousel_inside").animate({top: curPos},{duration:0});
        }
    })
}

function changeManagers(){
	var num_of_items = $("#clickz a").size();
	if (cur_man == (num_of_items-1)) {
                curPos=0;
		$("#carousel_inside").animate({top: curPos},{duration:1000});
		cur_man=0;
	}
	else{
        $("#carousel_inside").animate({top: curPos-h},{duration:1000});
	curPos = curPos - h;
	cur_man++;
        };
        $("#clickz a").removeClass("active");
        $("#clickz a").eq(cur_man).addClass("active");
};

setInterval(changeManagers, 18000);