function mycarousel_initCallback(carousel,st)
{

    // 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();
    });
};

var myCarousselCounter;

function gotoCase()
	{
	var link='#caroussel li:nth-child(2) div.link a';
	link=$(link).attr('href');
	if(link) {document.location=link;}
	}
	
function mycarousel_itemFirstInCallback(carousel, item, idx, state) {
  var descr='#caroussel2 li:nth-child(2) div.summary';
  
  var img='#caroussel2 li:nth-child(2) img';
  if ($('#caseleftsummary')) {$('#caseleftsummary').html($(descr).html());}
  if ($('#casemid img')) {$('#casemid img').attr('src',$(img).attr('src'));}
  if ($('#caroussel li:nth-child(2) span')) {$('#caroussel li:nth-child(2) span').css('color','#FFd800');}

};

function mycarousel_itemVisibleInCallback(carousel, item, i, state, evt)
    {
    var idx = carousel.index(i, myCarousselCounter);
    carousel.add(i, mycarousel_getItemHTML(idx - 1));
    };

function mycarousel_itemVisibleOutCallback(carousel, item, i, state, evt)
{
    carousel.remove(i);
    var idx = carousel.index(i);
    var lis=$('#caroussel li span');
    if (!lis) {return false;}
    if (lis.length==0) {return false;}
    lis.each(function() 
   	{
   	$(this).css('color','#FFF');
   	});  
    $('#caroussel li:nth-child(2) span').css('color','#FFd800');
    var descr='#caroussel li:nth-child(2) div.summary';
    var img='#caroussel li:nth-child(2) img';
    $('#caseleftsummary').html($(descr).html());
    $('#casemid img').attr('src',$(img).attr('src'));
};

function mycarousel_getItemHTML(item)
    {
    var str='#caroussel2 li:nth-child('+(item+1)+')';
    if ($(str)) {return ""+$(str).html()+"";}
    else {return "";}
    };


jQuery(document).ready(function() {
    if ($('#caroussel2 li')) {myCarousselCounter=$('#caroussel2 li').size();}
    jQuery('#caroussel').jcarousel({
    	start:1,
        vertical: true,
        auto: 6,
        scroll: 1,
        wrap: 'circular',
        initCallback: mycarousel_initCallback,
        itemFirstInCallback:  mycarousel_itemFirstInCallback,
        itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
        itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback}
    });
});