function trigger(carousel)
{
    var item = carousel.first%4;
    switch (item) {
        case 0:
            item = 4;
            break;
        case -1:
            item = 3;
            break;
        case -2:
            item = 2;
            break;
        case -3:
            item = 1;
            break
    }
    $(".navigation a.page").removeClass("active");
    $(".navigation a.page.n"+item).addClass("active");
    delete item;
}

function mycarousel_initCallback(carousel)
{       
    jQuery('.navigation a.page').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
        return false;
    });

    jQuery('#mycarousel-next').bind('click', function() {
        carousel.next();
        return false;
    });

    jQuery('#mycarousel-prev').bind('click', function() {
        carousel.prev();
        return false;
    });

    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
};

function ecarousel_initCallback(carousel)
{               
    jQuery('#ecarousel-next').bind('click', function() {
        carousel.next();
        return false;
    });

    jQuery('#ecarousel-prev').bind('click', function() {
        carousel.prev();
        return false;
    });

    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
};

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        auto: 3,
        wrap: 'circular',            
        scroll: 1,
        visible: 1,
        initCallback: mycarousel_initCallback,
        itemLoadCallback: trigger
    });
    jQuery('#ecarousel').jcarousel({
        wrap: 'circular',
        scroll: 1,
        initCallback: ecarousel_initCallback            
    });

    $(function() {
        $('a[rel*=external]').click( function() {
            window.open(this.href);
            return false;
        });
    });
    
    $('a[rel*=lightbox]').lightBox();

});