var timeout = 100;
var closetimer = 0;

$(document).ready(function() {
	$('#slide-info-img1').show();
	$('.button-img1').replaceWith('<strong class="active-img1">1</strong>');
	$('#slides').jCarouselLite({
		btnNext: '.arrow-next',
		btnPrev: '.arrow-prev',
		auto: 6800,
      	speed: 600,
		btnGo:	['.button-img1', '.button-img2', '.button-img3', '.button-img4'],
		beforeStart: function(a) {
			var slidenum = '.active-' + $(a).attr('id');
			$(slidenum).replaceWith('<a class="button-img' + $(slidenum).html() + '" href="#">' + $(slidenum).html() + '</a>');
		},
		afterEnd: function(a) {
			$('.slide-content').fadeOut();
			var slideshowing = '#slide-info-' + $(a).attr('id');
			var slidenum = '.button-' + $(a).attr('id');
			$(slidenum).replaceWith('<strong class="active-img' + $(slidenum).html() + '">' + $(slidenum).html() + '</strong>');
			$(slideshowing).fadeIn();
		}
	});
});