//function called from index.html and work.html
var curNum = 1;
var totalNum = 2;

function mycarousel_initCallback(carousel) {

  
    // init active
    activate(curNum);
    
    jQuery('.jcarousel-control a').bind('click', function() {
        
        // make sure it comes out as number, not string
        var scrollTo = parseInt( jQuery(this).text() );
        
        // Pagination - Update and indicate where they are
        activate(scrollTo);
        
        // Pagination - scroll to the index //
        carousel.scroll(jQuery.jcarousel.intval(scrollTo));
        return false;
    });
    
    // previous btn
    jQuery('.jcarousel-prev').bind('click', function() {
        if(curNum > 1) {
            activate(curNum-1);
        }
    });
    
    // next btn
    jQuery('.jcarousel-next').bind('click', function() {
        if(curNum < totalNum) {
            activate(curNum+1);
        }
    });
   
    
    function activate(num) {
        curNum = num;

        //alert(curNum);
        $("a#one").removeClass("active");
        $("a#two").removeClass("active");
        $("a#three").removeClass("active");
        
        var curA = null;
        
        if(curNum == 1) {
            curA = "one";
        } else if(curNum == 2) {
            curA = "two";
        } else if(curNum ==3) {
            curA = "three";
        }
        
        // Pagination - Indicate where they are
        $("a#"+curA).addClass("active");
        num = null;
    }
};