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

    jQuery(document).ready(function() {
        jQuery("#mycarousel").jcarousel({
            auto: 5,
            wrap: 'last',
            scroll: 1,
            animation: 'slow',
            initCallback: mycarousel_initCallback,
            buttonNextHTML: null,
            buttonPrevHTML: null,
            itemFirstInCallback: function(carousel, item, idx, state) {
                $($('.jcarousel-control a').parents('.jcarousel-control')[0]).find('a').removeClass('active').addClass('unactive');
                $('.jcarousel-control a').eq(idx-1).removeClass('unactive').addClass('active');
            }
        });

        $('.jcarousel-control a').click(function(){
            $($(this).parents('.jcarousel-control')[0]).find('a').removeClass('active').addClass('unactive');
            $(this).removeClass('unactive').addClass('active');
        });

         $('.gallery a').lightBox();

         //header menu fix
         $( "#navigation .shell #menu-main-menu>li" ).each(function(){
            $(this).after('<li class="separator">|</li>');
         });
         $( "#navigation .shell #menu-main-menu>li:last" ).remove();
    });
})(jQuery)