$(document).ready(function() {
    if ($('.headerElement').length && $('#btns').length) {
		$(".headerElement").jCarouselLite({
			visible: 1,
			auto: 20000,
			speed: 1000,
			easing: "easeInCirc",
			btnGo: ["#btn1","#btn2","#btn3","#btn4","#btn5"],
			beforeStart: function(a) {
				document.getElementById('btn1').className = "btn";
				document.getElementById('btn2').className = "btn";
				document.getElementById('btn3').className = "btn";
				document.getElementById('btn4').className = "btn";
				document.getElementById('btn5').className = "btn";
			},
			afterEnd: function(a) {
				var inner = a[0].innerHTML;
				var startPos = inner.indexOf('<!--id') + 6;
				var endPos = inner.indexOf('-->');
				var id = inner.substring(startPos,  endPos);
				document.getElementById('btn' + id).className = "buttonactive";
			}
		});
	}
});