$(document).ready(function() {
	$('#carousel ul li').css('cursor', 'pointer').click(function() {
		var thelink = $(this).children('a').attr('href');
		window.location.href = thelink;
	});
 
	$('#carousel ul li').show();
	
	// get carousel names & count
	var count = 0;
	$('#carousel ul li').each(function() {
		names[count+1] = $(this).attr('id');
		count++;
	});
	
	if(count > 1) {
		var carousel = $('#carousel').jcarousel({
			scroll: 1,
			initCallback: carousel_initCallback,
			itemFirstInCallback: carousel_itemFirstInCallback,
			start: 1,
		  auto: 8,
		  wrap: 'last',
		  easing: 'swing'
		});
	}
});

// set names array
var names = new Array();

function carousel_initCallback(carousel) {
	// add next and prev buttons
	$('#carousel').append('<a id="prev">vorige<div class="left"></div></a>');
	$('#carousel').append('<a id="next">volgende<div class="right"></div></a>');
	
	// add events to buttons
	$('#prev, #next').hover(function() {
		carousel.stopAuto();
	}, function () {
		carousel.startAuto();	
	});
	
	$('#prev').click(function() {
		carousel.scroll(parseInt($(this).attr('prev')));
	});
	
	$('#next').click(function() {
		carousel.scroll(parseInt($(this).attr('next')));
	});

  carousel.clip.hover(function() {
      carousel.stopAuto();
  }, function() {
      carousel.startAuto();
  });
}
 
function carousel_itemFirstInCallback(carousel, item, idx, state) {
	var total = carousel.options.size;
	var prev = idx - 1;
	if(prev == 0) {
		 // set prev to last
		 prev = total;
	}
	var next = idx + 1;
	if(next > total) {
		next = 1;
	}

	$('#prev').attr('prev', prev);
	$('#next').attr('next', next);
	
	// change name in h4
	$('#carousel h4').text(names[idx].replace(/_/g, " "));
	
	/* Disabled: don't show names in button	
	$('#prev').html(names[prev].replace(/_/g, " ")+'<div class="left"></div>');
	$('#next').html(names[next].replace(/_/g, " ")+'<div class="right"></div>');
	*/
}