$(document).ready(function() {
	//
	$('#slider ul li, #slider ul li div').width( $('#slider').width() );
	$(window).resize( function(){
		$('#slider ul li, #slider ul li div').width( $('#slider').width() );
	});
	 $("#slider").jcarousel({
		 auto: 6,
		 scroll: 1,
		 wrap: 'circular',
		 initCallback: mycarousel_initCallback,
		 onMove: mycarousel_move
	 });
	function mycarousel_initCallback(carousel) {
		$('#slider-control span').bind('click', function() {
			$('#slider-control span.active').removeClass('active');
			$(this).addClass('active');
			carousel.scroll($.jcarousel.intval($('#slider-control span').index($(this))+1));
			return false;
		});
	}
	function mycarousel_move() {
		var index = $('#slider-control span').index($('#slider-control span.active'));
		$('#slider-control span.active').removeClass('active');
		if ( index == $('#slider-control span').length - 1 ) {
			index = -1;
		}
		$('#slider-control span').eq( index + 1).addClass('active');
	}
});
