$(document).ready(function() {
   	
	$('A[rel="external"]').click( function() {
        window.open( $(this).attr('href') );
        return false;
    });
    
    try{Typekit.load();}catch(e){}
	
	if(jQuery('#cfi').children().size()>1){
		jQuery('#cfi').addClass('jcarousel-skin-cfi');
		var num = ($('#cfi').children().size());
		$('#cfi').before("<ul id='controls'>");
		for(var i=0; i<num; i++){
		var n=i+1;
		$('#controls').append("<li class='jcarousel-control'><a href='#'>"+n+"</a></li>");
		if(i==0){
		$('.jcarousel-control').addClass('active');	
		}
		}
		$('#cfi').before("</ul>");
		jQuery('#cfi').jcarousel({
		auto: 4,
		scroll: 1,
		wrap: 'last',
        initCallback: mycarousel_initCallback,
		itemVisibleInCallback: {
            onBeforeAnimation: mycarousel_itemVisibleInCallbackBeforeAnimation,
            onAfterAnimation:  mycarousel_itemVisibleInCallbackAfterAnimation
        },
        itemVisibleOutCallback: {
            onBeforeAnimation: mycarousel_itemVisibleOutCallbackBeforeAnimation,
            onAfterAnimation:  mycarousel_itemVisibleOutCallbackAfterAnimation
        },
        // This tells jCarousel NOT to autobuild prev/next buttons
        buttonNextHTML: null,
        buttonPrevHTML: null
		});
	}
	});

	function mycarousel_itemVisibleInCallbackBeforeAnimation(carousel, item, idx, state) {
	
		$('.jcarousel-control').each(function(i){
			if(i==idx-1){
				$(this).addClass('active');	
			}else {
				$(this).removeClass('active');							   
			}
		});

	}
	
	function mycarousel_itemVisibleInCallbackAfterAnimation(carousel, item, idx, state) {
							 
	}

	function mycarousel_itemVisibleOutCallbackBeforeAnimation(carousel, item, idx, state) {
		$('#cfi h1').each(function(i){
			$(this).fadeOut(100);						   
		});
	//$(item).fadeOut('slow', function(){});										 
	}
	
	function mycarousel_itemVisibleOutCallbackAfterAnimation(carousel, item, idx, state) {
		$('#cfi h1').each(function(i){
			$(this).fadeIn(1000);						   
		});		
	//$(item).fadeIn('slow', function(){});										 
	}

	function mycarousel_initCallback(carousel) {
    jQuery('.jcarousel-control a').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
		carousel.startAuto(0);
		$('.jcarousel-control').each(function(i){
			$(this).removeClass('active');							   
		});
		$(this).parent().addClass('active');
        return false;
    });
	};