$(document).ready(function () {    
    //jCarousel Plugin  
    $('#main-carousel-images ul').jcarousel({  
        vertical: true, //display vertical carousel  
        scroll: 1,  //auto scroll  
        auto: 3,    //the speed of scrolling  
        wrap: 'last',   //go back to top when reach last item  
        initCallback: mycarousel_initCallback,   //extra called back function
		itemVisibleInCallback: {
			onBeforeAnimation: mycarousel_itemVisibleInCallbackBeforeAnimation,
			onAfterAnimation: mycarousel_itemVisibleInCallbackAfterAnimation
		},
		buttonNextHTML: null,
        buttonPrevHTML: null
    });  
});  

//Carousel Tweaking  
function mycarousel_initCallback(carousel) {  
    
	// Pause autoscrolling if the user moves with the cursor over the clip.  
    // resume otherwise  
    carousel.clip.hover(function() {  
        carousel.stopAuto();  
    }, function() {  
        carousel.startAuto();  
    });
	
	$('#main-carousel-right').bind('click', function() {
        carousel.next();
        return false;
    });

    $('#main-carousel-left').bind('click', function() {
        carousel.prev();
        return false;
    });
	
    $('#main-carousel-items div a.imagelink').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval($(this).attr('rel')));
        return false;
    });
	
}

function mycarousel_itemVisibleInCallbackBeforeAnimation(carousel, item, idx, state) {
	$('div#main-carousel-items div').removeClass('selected');
	$('div#main-carousel-items div.p' + idx).addClass('selected');
	
	$('div#main-carousel-headings div').removeClass('selected');
	$('div#main-carousel-headings div.p' + idx).addClass('selected');
	
}

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