//Function fired when document is loaded
$(document).ready(function () {
    
    /* articleS CAROUSEL INITIALISATION */

    var article = $('.mod-article-carousel .mod-highlights').jcarousel({
        auto: 8,
        wrap: null,
        animation: 'slow',
        buttonNextHTML: null,
        buttonPrevHTML: null,
        scroll: 3,
        initCallback: article_initCallback,
        buttonNextCallback: article_buttonNextCallback,
        buttonPrevCallback: article_buttonPrevCallback        
    });    

});

/* HERO CAROUSEL FUNCTIONS & CALLBACKS */

function article_buttonNextCallback(ul, btn, flag) {
    if (flag == false) {
        $('.mod-article-carousel-next').attr('class', 'mod-article-carousel-next inactive');
    } else {
        $('.mod-article-carousel-next.inactive').attr('class', 'mod-article-carousel-next');
    }
}

function article_buttonPrevCallback(ul, btn, flag) {
    if (flag == false) {
        $('.mod-article-carousel-prev').attr('class', 'mod-article-carousel-prev inactive');
    } else {
        $('.mod-article-carousel-prev.inactive').attr('class', 'mod-article-carousel-prev');
    }
}

function article_initCallback(carousel) {    
    // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function () {
        carousel.stopAuto();
    }, function () {
        carousel.startAuto();
    });

    $('.mod-article-carousel-next').bind('click', function () {
        carousel.next();        
        return false;
    });

    $('.mod-article-carousel-prev').bind('click', function () {
        carousel.prev();
        return false;
    });
    if (this.size <= 3) {
        $('.mod-article-carousel-prev,.mod-article-carousel-next').remove();
        $('.mod-article-carousel .mod-highlights, .jcarousel-clip-horizontal').css('text-align', 'center').css('width', '620px');
        $('.mod-article-carousel .mod-highlights li').css('float', 'none');
    }    
    $('.mod-article-carousel .mod-highlights li a').click(
       function () {
           carousel.startAuto(0);
           $('.mod-article-carousel .mod-highlights li a').attr('class', '');
           $(this).attr('class', 'active');
           if ($('.videoPlayer', $(this).parent()).length) {
               $('.cp-video-icon').show();
               var movieId = $(this).attr('rel');
               $('.mod-article-image, .mod-article-video').hide();
               $('#' + movieId + '').closest('.mod-article-video').show();
           } else {
               $('.cp-video-icon').hide();
               $('.cp-pattern').show();
               $('.mod-article-image').show();
               $('.mod-article-video').hide();
               var imageUrl = $('img', $(this).parent()).attr('src');
               var imageTitle = $('img', $(this).parent()).attr('title');
               var imageAlt = $('img', $(this).parent()).attr('alt');
               $('.mod-article-image img').attr('src', imageUrl);
               $('.mod-article-image img').attr('alt', imageAlt);
               $('.mod-article-image img').attr('title', imageTitle); //Passing title attr into image carousel
           }

           return false;
       }
    );

       if ($('.mod-article-carousel .jcarousel-item:first-child .videoPlayer').length) {
           $('.cp-pattern').hide();
           $('.cp-video-icon').show();
           $('.mod-article-image').click(
              function () {
                  var movieId = $('.jcarousel-item:first-child a').attr('rel');
                  $('.mod-article-image, .mod-article-video').hide();
                  $('#' + movieId + '').closest('.mod-article-video').show();
              }
           );           
       }

       if ($('.mod-article-carousel .jcarousel-item').length < 2) {
           $(".mod-article-carousel .jcarousel-item").closest(".mod-article-carousel").hide(); // If there's one video in the carousel hidding thumbnails 
       }
};