function itcHomeCarousel_initCallback(carousel) {
    $('.jcarousel-control a').bind('click', function() {
        carousel.scroll( $.jcarousel.intval( $(this).attr("custIndex") ) );
        return false;
    });
};

function itcHomeCarousel_itemVisibleInCallback(carousel, item, i, state, evt){
	$('.jcarousel-control a:eq('+(i-1)+')').addClass("selected");
}

function itcHomeCarousel_itemVisibleOutCallback(carousel, item, i, state, evt){
	$('.jcarousel-control a:eq('+(i-1)+')').removeClass("selected");
}

$(document).ready(function() {

	var count = $('#itcHomeCarousel ul li').length;

	//add required navigators
	if ( count > 3 ){
		for ( var i=0; i<count; i++ ){
			$("#itcHomeCarousel .jcarousel-control").append('<a href="#" custIndex="'+(i+1)+'"></a>');	
		}
	}
	
	//delete extra <font> added by portal
	$('#itcHomeCarousel font').each(function(){
		if ( $.trim($(this).html())=='' )
			$(this).remove();
		else
			$(this).replaceWith( $(this).html() );
	})
	
	$('#itcHomeCarousel').jcarousel({
		scroll: 1,
		auto: 8,
		visible: 1,
		animation: 700,
		wrap: 'both',
		initCallback: itcHomeCarousel_initCallback,
		itemVisibleInCallback: {onBeforeAnimation: itcHomeCarousel_itemVisibleInCallback},
		itemVisibleOutCallback: {onBeforeAnimation: itcHomeCarousel_itemVisibleOutCallback},
        buttonNextHTML: null,
        buttonPrevHTML: null
	});
	
	//locate everything
	//dots and arrows 15px width
	var totalWidth = $("#itcHomeCarousel").width();
	var controlWidth = $("#itcHomeCarousel .jcarousel-control a:first").width()
	var controlLeft = ( (totalWidth/2)-(count*controlWidth/2) );
	var controlRight = ( (totalWidth/2)+(count*controlWidth/2) );
	$("#itcHomeCarousel .jcarousel-control").css("left", controlLeft );
	//$("#itcHomeCarousel .jcarousel-prev-horizontal").css("left", controlLeft-20 );
	//$("#itcHomeCarousel .jcarousel-next-horizontal").css("left", controlRight+7 );
	
});
