	
	function mycarousel_initCallback(carousel)
	{
	    // Disable autoscrolling if the user clicks the prev or next button.
	    carousel.buttonNext.bind('click', function() {
	        carousel.startAuto(0);
	    });
	
	    carousel.buttonPrev.bind('click', function() {
	        carousel.startAuto(0);
	    });
	
	    // Pause autoscrolling if the user moves with the cursor over the clip.
	    carousel.clip.hover(function() {
	        carousel.stopAuto();
	    }, function() {
	        carousel.startAuto();
	    });
	};

	
	$(function() {
		$("#box_1").jCarouselLite({
			vertical: true,
			hoverPause:true,
			visible: 3,
			auto:1500,
			speed:1500,
			btnNext: "#yukari1",
			btnPrev: "#asagi1"
		});
		$(function() {
		$("#box_2").jCarouselLite({
			vertical: true,
			hoverPause:true,
			visible: 3,
			auto:1500,
			speed:1500,
			btnNext: "#yukari2",
			btnPrev: "#asagi2"
		});
		
		
	});
		$(function() {
		$("#box_3").jCarouselLite({
			vertical: true,
			hoverPause:true,
			visible: 3,
			auto:1500,
			speed:1500,
			btnNext: "#yukari3",
			btnPrev: "#asagi3"
		});
		
		
	});
		
	});
    
    $(document).ready(
        function()
        {
            $('#imBox').hover(
                function(){
                    var $obj=$(this).find('.Box');
                    $obj.stop();
                    $obj.animate(
                        {
                           opacity:1.5 
                        }
                    )
                }
                ,function(){
                   var $obj=$(this).find('.Box');
                   $(this).find('.Box').stop();
                   $(this).find('.Box').animate(
                        {
                           opacity:1
                        }
                    )
                }
            )
        }
    )
