function mycarousel_initCallback(carousel)
	{
		
		// Disable autoscrolling if the user clicks the prev or next button.
		carousel.buttonNext.bind('click', function() {
			carousel.startAuto();
		});
 
		carousel.buttonPrev.bind('click', function() {
			carousel.startAuto();
		});
		
		
 
		// Pause autoscrolling if the user moves with the cursor over the clip.
		carousel.clip.hover(function() {
			carousel.stopAuto();
		}, function() {
			carousel.startAuto();
		});
		
		$('#botareacnav1').click(function() {
			carousel.scroll(1);
		});
		
		$('#botareacnav2').click(function() {
			carousel.scroll(2);
		});
		
		$('#botareacnav3').click(function() {
			carousel.scroll(3);
		});
		
		/*$('#botareacnav4').click(function() {
			carousel.scroll(4);
		});
		
		$('#botareacnav5').click(function() {
			carousel.scroll(5);
		});*/
		
	};
	
	function mudaBolinhaaqui(carousel, item, idx, state)
	{
		mudaBolinha(idx);
		document.getElementById('areacaixa1').style.display = 'block';
		document.getElementById('areacaixa2').style.display = 'block';
		document.getElementById('areacaixa3').style.display = 'block';
	/*		document.getElementById('areacaixa4').style.display = 'block';
		document.getElementById('areacaixa5').style.display = 'block';*/
	};
	
	
	jQuery(document).ready(function() {
		jQuery('#mycarousel').jcarousel({
			auto: 7,
			scroll: 1,
			wrap: 'both',
			animation: 1000,
			itemVisibleInCallback: {
				onAfterAnimation:  mudaBolinhaaqui
			},
			initCallback: mycarousel_initCallback
		});
	});
	
	

