$.noConflict();
jQuery(document).ready(function($) {
  // Code that uses jQuery's $ can follow here.
  $(".bc-hide-1 .breadcrumbs ul li:nth-child(1)").hide();
  $(".bc-hide-2 .breadcrumbs ul li:nth-child(2)").hide();
  $(".bc-hide-3 .breadcrumbs ul li:nth-child(3)").hide();
  $(".bc-hide-4 .breadcrumbs ul li:nth-child(4)").hide();
  $(".breadcrumbs ul").show();
  
  $('.carousel-photos').after('<ul class="carousel-pager">').cycle({
    fx: 'fade',
    pager:  '.carousel-pager' ,
    pagerEvent: 'click',
    timeout: 5000, 
    allowPagerClickBubble: true,
    pagerAnchorBuilder: function(idx, slide) { 
      var src = $('img',slide).attr('src'); 
      return '<li><a href="#"><img src="' + src + '" width="50" /></a></li>'; 
    } 
  });
  
  $('.carousel-pn .back a').addClass('disabled');
  
  $('.carousel-pn a').click(function() {
    var currentParentSlideIndex = $('.carousel-pager li').index($('.carousel-pager .activeSlide'));
    var parentSlidesNumber = $('.carousel > .slide').size();
    var currentChildSlideIndex = $('.carousel > .slide:eq(' + currentParentSlideIndex + ') .carousel-inner-pager a').index($('.carousel > .slide:eq(' + currentParentSlideIndex + ') .carousel-inner-pager .activeSlide'));    
    var childSlidesNumber = $('.carousel > .slide:eq(' + currentParentSlideIndex + ') .slide').size();
    
    if($(this).parent().hasClass('back')) {
      $('.carousel-pn .next a').removeClass('disabled');
      if(childSlidesNumber == 1 || currentChildSlideIndex == 0) {
        outerCarousel.cycle('prev');
        if(currentParentSlideIndex == 1)
          $('.carousel-pn .back a').addClass('disabled');          
        }
      else
        innerCarousels.cycle('prev');
    }
    else {
      $('.carousel-pn .back a').removeClass('disabled');
      if(currentParentSlideIndex == parentSlidesNumber -1 && currentChildSlideIndex == childSlidesNumber - 2) {
        $('.carousel-pn .next a').addClass('disabled');
        }
      if(childSlidesNumber == 1 || currentChildSlideIndex == childSlidesNumber - 1) {
        outerCarousel.cycle('next');
        }
      else
        innerCarousels.cycle('next');
    }
    return false;
  });
  
  var innerCarousels = $('.carousel-inner').cycle().cycle('stop');
  var outerCarousel = $('.carousel').cycle({
    fx: 'fade',
    pager:  '.carousel-pager' ,
    // pagerEvent: 'click', // default is click
    timeout: 0, 
    nowrap : 1,
    allowPagerClickBubble: true,
    pagerAnchorBuilder: function(idx, slide) { 
      // return selector string for existing anchor 
      return '.carousel-pager li:eq(' + idx + ') a'; 
    },
    before : function(currSlideElement, nextSlideElement, options, forwardFlag) {
      innerCarousels.cycle('stop');

      $(nextSlideElement).find('.carousel-inner-pager').empty();
      $(nextSlideElement).find('.carousel-inner').cycle({
        fx : 'fade',
        allowPagerClickBubble: true,
        timeout : 0,
        nowrap : 1,
        pager : $(nextSlideElement).find('.carousel-inner-pager')       
      })
    }
  });  
});