$(document).ready(function() {

	$('#screen').jCarouselLite({
        btnNext: "#right",
        btnPrev: "#left",
		btnGo: ["#nav a:eq(0)","#nav a:eq(1)","#nav a:eq(2)","#nav a:eq(3)","#nav a:eq(4)"],
		visible: 1,
		speed: 500,
		auto: 5000,
		afterEnd: afterAnimation
	});
	
	$('#nav a').bind('click', function() {
		highlight(this);
    });
});

function highlight(object)
{
	$('#nav a').removeClass('active');
	$(object).addClass('active');
}

function afterAnimation(active)
{
	var imgPos = parseInt(active.attr('title'));
	highlight("#nav a:eq(" + imgPos + ")");
}