function mycarousel_initCallback(carousel) {
    //vinod - tab click
    jQuery('.menu .right a').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(jQuery(this).attr('jcarouselindex')));
        return false;
    });
    
    //vinod - next
    jQuery('#nextControl').bind('click', function() {
        carousel.next();
        return false;
    });    
    //vinod - prev
    jQuery('#prevControl').bind('click', function() {
        carousel.prev();
        return false;
    });     
    
    //vinod - play
    jQuery('#playControl').bind('click', function() {
        carousel.startAuto(3);
        jQuery('#pauseControl').show();
        jQuery('#playControl').hide();        
        return false;
    });
    
    //vinod - stop
    jQuery('#pauseControl').bind('click', function() {
        carousel.startAuto(0);
        jQuery('#pauseControl').hide();
        jQuery('#playControl').show();
        
        return false;
    });    
};


function trigger(carousel, state)
{
/*
  var x =carousel.first-1;
  if(x>=3){
    x = (x%3);
  }
    $("#debug").html(x);
    //$("#debug").html(jQuery("#mycarousel li" ).size());    
    jQuery('.menu .right a:eq('+ x +')').toggleClass("carousel-selected");
    */
}

function mycarousel_changed_new(carousel, liobj, index , state) {
  var x =carousel.first-1;
  if(x>=3){
    x = (x%3);
  }
  
  jQuery('.menu .right a').removeClass("carousel-selected");
  jQuery('.menu .right a:eq('+ x +')').toggleClass("carousel-selected");
}


jQuery(document).ready(function() {
    jQuery("#mycarousel").jcarousel({
        auto: 3,
        scroll: 1,
        wrap : 'circular',
        visible: 1,
        initCallback: mycarousel_initCallback,
        itemLoadCallback: trigger,
        itemVisibleInCallback: {          
            onAfterAnimation:  mycarousel_changed_new 
        },         
        
        // This tells jCarousel NOT to autobuild prev/next buttons
        buttonNextHTML: null,
        buttonPrevHTML: null
        

    });
});