$(document).ready(function(){

	//count max items
	var total = $(".curSlide li").size();
	
	function mycarousel_initCallback(carousel){
		
		// Pause autoscrolling if the user moves with the cursor over the clip.
		carousel.clip.hover(function() {
			carousel.stopAuto();
		}, function() {
			carousel.startAuto();
		});

		jQuery('.curSlide li').bind('click', function() {
			carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
			return false;
		});

	};
	
	var nScroll	= 0
	var first	= true
	var banner	= 0
	var active	= 0
	
	function mycarousel_itemVisibleInCallback(carousel, item, i, state, evt){
		var idx = carousel.index(i, total);
		var bannerText	= ('<div class="carouselText">'+$('#text-'+idx).html()+'</div>')
		carousel.add(i,bannerText);

	};

	function mycarousel_itemVisibleOutCallback(carousel, item, i, state, evt){
		carousel.remove(i);
	};
	function mycarousel_after(carousel, item, i, state, evt){
		$("#projectHighlightFooter > .curSlide  > li").removeClass("active");
		var idx = i
		var dif = (idx-banner)
		
		active += dif
		
		if (active == 0 ){
			active = total
		}
		if (active == (total+1)){
			active = 1
		}
		banner = i
		$("#cs-"+active).toggleClass("active");

		if (active == total && first == true){
			carousel.startAuto();
			first = false
		}
		else if (first == false){
			//carousel.stopAuto();
		}
	}
	
	jQuery('#mycarousel').jcarousel({
		auto: 3,
		wrap: 'circular',
		scroll: 1,
		itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback, onAfterAnimation:mycarousel_after},
		itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback},
		initCallback: mycarousel_initCallback
	});
	
	
	$('#brands').cycle({ 
		fx: 'fade'
	});

	$('#brands2').cycle({ 
		fx: 'fade', timeout:5000
	});

		
});