jPlugin = "/content/_js/www/jquery.jcarousel.pack.js";

addDOMLoadEvent(function(){
	jQuery('#cmArchiveList').jcarousel({scroll:6,initCallback: mycarousel_initCallback, itemFirstInCallback: mycarousel_firstIn});
});


function mycarousel_initCallback(carousel) {
	var pagination = Math.ceil(carousel.size() / carousel.options.scroll);
	var ind='';
	for (var i = 0; i < pagination; i++)
	{
		ind += '<div id="indicator_' + i + '" class="indicator" />';
	}
	jQuery('#cmIndicatorBar').html(ind);
    //jQuery('#cmIndicatorBar div').bind('click', function() {
    //    carousel.scroll(jQuery.jcarousel.intval(6));
        //return false;
    //});
	jQuery('#cmIndicatorBar div').each(function(i){
		jQuery(this).click(function(){
			jQuery('#cmIndicatorBar div').removeClass().addClass('indicator');
			jQuery(this).removeClass().addClass('indicator_active');
			carousel.scroll(jQuery.jcarousel.intval(carousel.options.scroll * i + 1));});
	});
}

function mycarousel_firstIn(carousel) {
	jQuery('#cmIndicatorBar div').removeClass().addClass('indicator');
	jQuery('#indicator_' + (Math.ceil( carousel.last / carousel.options.scroll ) - 1)).removeClass().addClass('indicator_active'); 
}