jQuery(document).ready(function() {


$("div#CJ1").truncate({ max_length: 444, more: "+", less: "-" });
$("div#CJ2").truncate({ max_length: 239, more: "+", less: "-" });
			
	function mycarousel_itemVisibleInCallback(carousel, item, i, state, evt)
{
    // The index() method calculates the index from a
    // given index who is out of the actual item range.
    var idx = carousel.index(i,3);
    $(".navi a").removeClass("active");
    $(".navi a").eq(idx-1).addClass("active");

};
			function mycarousel_initCallback(carousel) {

				var stringData;
				stringData='<div class="navi">';
				for (i=1;i<=3;i++)
				{
			stringData=stringData+"<a>"+i+"</a>";	
				}
				stringData=stringData+"</div>";
			$(stringData).insertBefore(carousel.clip); 
    			jQuery('.navi a').bind('click', function() {
        		carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
        		return false;
    			});
			carousel.container.mouseover(function(){carousel.stopAuto();return false;}).mouseout(function(){carousel.startAuto();return false;});
			};


								 


			
					var news_carousel=$('#carousel_container').jcarousel({
        				wrap: 'last',
	  				vertical:true,
	  				scroll:1,
	  				auto:5,
	  				animation: 'slow',
					buttonNextHTML:null,
					buttonPrevHTML:null,
	  				initCallback:mycarousel_initCallback,
					itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback}
        				});
			
			 

	

 });