/**
 * We use the initCallback callback
 * to assign functionality to the controls
 */
function mycarousel_initCallback(carousel) {
	$('.jcarousel-control a').bind('click', function() {
		carouselPosition = jQuery.jcarousel.intval($(this).attr('id'));
		carousel_controls_update(carouselPosition);		
		carousel.scroll(carouselPosition);
		return false;
	});
	/*
	$('.jcarousel-control a').bind('mouseout', function() {
		return false;
	});
	$('.jcarousel-control a').bind('mouseover', function() {
		return false;
	});
	*/
	
	var carouselPosition = 1;
	carouselPositionMax = carousel.options.size;
	// alert(carouselPositionMax);
	carousel_controls_update(carouselPosition);
	
	$('#mycarousel-next').bind('click', function() {
		carouselPosition++;
		carousel_controls_update(carouselPosition);		
		carousel.next();
		return false;
	});

	$('#mycarousel-prev').bind('click', function() {
		carouselPosition--;
		carousel_controls_update(carouselPosition);
		carousel.prev();
		return false;
	});	
};

function carousel_controls_update (carouselPosition)
{
	$('#mycarousel-prev').css('display','block');
	$('#mycarousel-next').css('display','block');
	
	if (carouselPosition == 1)
	{
		$('#mycarousel-prev').css('display','none');
	}

	if (carouselPosition == carouselPositionMax)
	{
		$('#mycarousel-next').css('display','none');
	}

	/*
	$('.jcarousel-control a').trigger('mouseout');
	$('.jcarousel-control #'+carouselPosition).trigger('mouseover');
	*/
	$('.jcarousel-control a').removeClass('current');
	$('.jcarousel-control #'+carouselPosition).addClass('current');
	
	Cufon.refresh('.jcarousel-control a');
	/*
	*/
	
	
	
	/*
	$('.jcarousel-control a').css('border','1px solid black');
	$('.jcarousel-control #'+carouselPosition).css('border','1px solid red');
	*/
	return false;
}


// Ride the carousel...
$(document).ready(function() {
	$("#mycarousel").jcarousel({
	scroll: 1,
	easing: null,
	initCallback: mycarousel_initCallback,
	buttonNextHTML: null,
	buttonPrevHTML: null
	});
});