$(document).ready(function(){
  initCycleGallery();
  initCycleGalleryV();
  $('div.gallery-block').fadeGallery({
    slideElements:'div.holder-image li',
    btnPause:'li.pause',
    pagerLinks:'ul.switcher a',
    btnNext:'a.link-next',
    btnPrev:'a.link-prev',
    autoRotation:true,
    switchTime:8000,
    onChange:function(gal,slides,prevInd,curInd){
      gal.trigger('scrollto',{num:curInd}).find('div.list-holder li').removeClass('active').filter('[rel='+curInd+']').addClass('active')
    }
  });
  $('div.carousel').fadeGallery({
    slideElements:'div.holder li',
    btnPause:'a.pause',
    pagerLinks:'ul.switcher a',
    btnNext:'a.link-next',
    btnPrev:'a.link-prev',
    autoRotation:true,
    maxHeight:true,
    generatePagination:'div.switcher-hold',
    switchTime:8000
  });
  
});

// gallery init
function initCycleGalleryV() {
  // settings
  var _activeClass = 'active';
  var _switchTime = 8000;
  var _speed = 450;

  $('div.gallery-block').each(function(){
    // gallery options
    var _holder = $(this);
    var _btnLeft = _holder.find('a.link-prev');
    var _btnRight = _holder.find('a.link-next');
    var _slidesHolder = _holder.find('div.list-holder');
    var _slider = _slidesHolder.find('>ul');
    var _slides = _slider.children();
    var _slidesCount = _slides.length;
    var _currentIndex = 0;
    var _sumHeight = 0;
    var _animating = false;
    var _timer;
    var _pauseOnHover = true;

    // gallery init
    _slides.each(function(ind){
      _sumHeight += $(this).attr('rel',ind).outerHeight(true);
    });
    _slider.prepend(_slides.clone()).append(_slides.clone());
    _slider.css({marginTop:-_sumHeight});

    // gallery control
    _btnLeft.click(prevSlide);
    _btnRight.click(nextSlide);

    // gallery animation
    function prevSlide() {
      if(!_animating) {
        _currentIndex--;
        switchSlide();
      }
      return false;
    }
    function nextSlide() {
      if(!_animating) {
        _currentIndex++;
        switchSlide();
      }
      return false;
    }

    function switchSlide() {
      _animating = true;
      var offset = 0;
      if(_currentIndex>=0) offset = -_sumHeight- _slider.children().eq(_currentIndex ).position().top
      else offset = -_slider.children().eq(_slidesCount+_currentIndex).position().top;
      
      _slider.animate({marginTop:offset},{duration:_speed, queue:false,complete:function(){
        if(Math.abs(_currentIndex) == _slidesCount) {
          _currentIndex = 0;
          _slider.css({marginTop:-_sumHeight});
        }
        _animating = false;
      }});
    }

    // event handler
    _holder.bind('scrollto',function(e,h){
      if(!_animating) {
        if(_currentIndex == _slidesCount-1) _currentIndex = _slidesCount;
        else _currentIndex = h.num;
        switchSlide();
      }
    })

    // clone events
    _slider.children().each(function(){
      var link = $(this);
      var ind = parseInt(link.attr('rel'));
      link.click(function(){
        window.location.href = $(this).find('.row-hold a').attr('href');
        return false;
      })
    })
  });
}

// horizontal gallery init
function initCycleGallery() {
  // settings
  var _activeClass = 'active';
  var _switchTime = 10000;
  var _speed = 450;

  $('div.slider').each(function(){
    // gallery options
    var _holder = $(this);
    var _btnPrev = _holder.find('a.prev');
    var _btnNext = _holder.find('a.next');
    var _pagination = _holder.find('ul.menu li');
    var _slidesHolder = _holder.find('div.hold');
    var _slider = _slidesHolder.find('ul');
    var _slides = _slider.children();
    var _slidesCount = _slides.length;
    var _currentIndex = 0;
    var _sumWidth = 0;
    var _animating = false;
    var _autoRotation = false;
    var _rotateDirection = nextSlide;
    var _pauseOnHover = true;
    var _timer;
    
    _holder.css({position: 'relative'});
    _slider.css({position: 'relative'});
    if(_pagination){_pagination.eq(_currentIndex).addClass(_activeClass);}
    // gallery init
    _slides.each(function(ind){
      _sumWidth += $(this).attr('rel',ind).outerWidth(true);
    });
    _slider.prepend(_slides.clone()).append(_slides.clone());
    _slider.css({marginLeft:-_sumWidth});
    
    if(_autoRotation){autoRotate();}
    
    function autoRotate() {
      if(_timer) clearInterval(_timer);
      if(_autoRotation){
        _timer = setInterval(_rotateDirection, _switchTime);
      }
    }
    
    if(_pauseOnHover){
      _holder.hover(function(){
        if(_timer) clearInterval(_timer);
      },function(){
        autoRotate();
      });
    }
    
    // gallery control
    _btnPrev.click(prevSlide);
    _btnNext.click(nextSlide);

    // gallery animation
    function prevSlide() {
      if(!_animating) {
        _currentIndex--;
        switchSlide();
      }
      return false;
    }
    function nextSlide() {
      if(!_animating) {
        _currentIndex++;
        switchSlide();
      }
      return false;
    }

    function switchSlide() {
      _animating = true;
      var offset = 0;
      if(_currentIndex>=0) offset = -_sumWidth- _slider.children().eq(_currentIndex ).position().left
      else offset = -_slider.children().eq(_slidesCount+_currentIndex).position().left;
      
      _slider.animate({marginLeft:offset},{duration:_speed, queue:false,complete:function(){
        if(Math.abs(_currentIndex) == _slidesCount) {
          _currentIndex = 0;
          _slider.css({marginLeft:-_sumWidth});
        }
        _animating = false;
      }});
      if(_pagination.length){
        _pagination.removeClass(_activeClass);
        _pagination.eq(_currentIndex).addClass(_activeClass);
        if(_currentIndex > _pagination.length - 1){
          _pagination.eq(0).addClass(_activeClass);
        }
      }
    }

    // event handler
    _holder.bind('scrollto',function(e,h){
      if(!_animating) {
        if(_currentIndex == _slidesCount-1) _currentIndex = _slidesCount;
        else _currentIndex = h.num;
        switchSlide();
      }
    })

    // clone events
    _slider.children().each(function(){
      var link = $(this);
      var ind = parseInt(link.attr('rel'));
      link.click(function(){
        _holder.trigger('setslide',{num:ind});
        return false;
      })
    })
  });
}

// slideshow plugin
jQuery.fn.fadeGallery = function(_options){
  var _options = jQuery.extend({
    slideElements:'div.slideset > div',
    pagerLinks:'div.pager a',
    generatePagination:'div.tools',
    btnNext:'a.next',
    btnPrev:'a.prev',
    btnPlayPause:'a.play-pause',
    btnPlay:'a.play',
    btnPause:'a.pause',
    pausedClass:'paused',
    disabledClass: 'disabled',
    playClass:'playing',
    activeClass:'active',
    loadingClass:'ajax-loading',
    loadedClass:'slide-loaded',
    dynamicImageLoad:false,
    dynamicImageLoadAttr:'alt',
    currentNum:false,
    allNum:false,
    startSlide:null,
    noCircle:false,
    pauseOnHover:true,
    autoRotation:false,
    autoHeight:false,
    maxHeight:false,
    listHolder:'ul.fade-gallery',
    onInit:false,
    onBeforeFade:false,
    onAfterFade:false,
    onChange:false,
    disableWhileAnimating:false,
    switchTime:8000,
    duration:650,
    caption:'ul.caption-list',
    event:'click'
  },_options);

  return this.each(function(){
    // gallery options
    if(this.slideshowInit) return; else this.slideshowInit;
    var _this = jQuery(this);
    var _slides = jQuery(_options.slideElements, _this);
    var _pagerLinks = jQuery(_options.pagerLinks, _this);
    var generatePagination = jQuery(_options.generatePagination, _this);
    var _btnPrev = jQuery(_options.btnPrev, _this);
    var _btnNext = jQuery(_options.btnNext, _this);
    var _btnPlayPause = jQuery(_options.btnPlayPause, _this);
    var _btnPause = jQuery(_options.btnPause, _this);
    var _btnPlay = jQuery(_options.btnPlay, _this);
    var _pauseOnHover = _options.pauseOnHover;
    var _dynamicImageLoad = _options.dynamicImageLoad;
    var _dynamicImageLoadAttr = _options.dynamicImageLoadAttr;
    var _autoRotation = _options.autoRotation;
    var _activeClass = _options.activeClass;
    var _loadingClass = _options.loadingClass;
    var _loadedClass = _options.loadedClass;
    var _disabledClass = _options.disabledClass;
    var _pausedClass = _options.pausedClass;
    var _playClass = _options.playClass;
    var _autoHeight = _options.autoHeight;
    var _duration = _options.duration;
    var _switchTime = _options.switchTime;
    var _controlEvent = _options.event;
    var _currentNum = (_options.currentNum ? jQuery(_options.currentNum, _this) : false);
    var _allNum = (_options.allNum ? jQuery(_options.allNum, _this) : false);
    var _startSlide = _options.startSlide;
    var _noCycle = _options.noCircle;
    var _onChange = _options.onChange;
    var _onBeforeFade = _options.onBeforeFade;
    var _onAfterFade = _options.onAfterFade;
    var _onInit = _options.onInit;
    var _disableWhileAnimating = _options.disableWhileAnimating;
    var _maxHeight = _options.maxHeight;
    var _listHolder = $(_options.listHolder);
    var _caption = $(_options.caption);
    if(_caption.length){
      var _captionTitle = _caption.find('li');
    }
    // gallery init
    var _anim = false;
    var _hover = false;
    var _prevIndex = 0;
    var _currentIndex = 0;
    var _slideCount = _slides.length;
    var _timer;
    var _switcherIndex = 0;
    if(_slideCount < 2) return;
    if(_maxHeight){
      _this.find(_listHolder);
      var _maxHeight = 0;
      _slides.each(function(){
        _temp = $(this).outerHeight();
        if(_temp > _maxHeight) _maxHeight = _temp; 
      });
      _listHolder.css({height:_maxHeight});
    }
    if(generatePagination.length) {
      var list = $('<ul class="switcher">');
      var _activeClass = 'active';
      var _switcherClasses = [''];
      for(var i=0; i<_slideCount; i++){
        $('<li><a class="'+_switcherClasses[_switcherIndex]+'" href="#">'+(i+1)+'</a></li>').appendTo(list);
        if(_switcherIndex < _switcherClasses.length -1){_switcherIndex++;}else{_switcherIndex = 0;}
      }
      list.appendTo(generatePagination);
      _pagerLinks = list.children();
    }
  
    _prevIndex = _slides.index(_slides.filter('.'+_activeClass));
    if (_prevIndex < 0) _prevIndex = _currentIndex = 0;
    else _currentIndex = _prevIndex;
    if(_startSlide != null) {
      if(_startSlide == 'random') _prevIndex = _currentIndex = Math.floor(Math.random()*_slideCount);
      else _prevIndex = _currentIndex = parseInt(_startSlide);
    }
    _slides.hide().eq(_currentIndex).show();
    if(_caption.length){
      _captionTitle.hide().eq(_currentIndex).show();
    }
    if(_autoRotation) _this.removeClass(_pausedClass).addClass(_playClass);
    else _this.removeClass(_playClass).addClass(_pausedClass);


    // gallery control
    if(_btnPrev.length) {
      _btnPrev.bind(_controlEvent,function(){
        prevSlide();
        return false;
      });
    }
    if(_btnNext.length) {
      _btnNext.bind(_controlEvent,function(){
        nextSlide();
        return false;
      });
    }
    if(_pagerLinks.length) {
      _pagerLinks.each(function(_ind){
        jQuery(this).bind(_controlEvent,function(){
          if(_currentIndex != _ind) {
            if(_disableWhileAnimating && _anim) return;
            _prevIndex = _currentIndex;
            _currentIndex = _ind;
            switchSlide();
          }
          return false;
        });
      });
    }

    // play pause section
    if(_btnPlayPause.length) {
      _btnPlayPause.bind(_controlEvent,function(){
        if(_this.hasClass(_pausedClass)) {
          _this.removeClass(_pausedClass).addClass(_playClass);
          _autoRotation = true;
          autoSlide();
        } else {
          _autoRotation = false;
          if(_timer) clearTimeout(_timer);
          _this.removeClass(_playClass).addClass(_pausedClass);
        }
        return false;
      });
    }
    if(_btnPlay.length) {
      _btnPlay.bind(_controlEvent,function(){
        _this.removeClass(_pausedClass).addClass(_playClass);
        _autoRotation = true;
        autoSlide();
        return false;
      });
    }
    if(_btnPause.length) {
      _btnPause.bind(_controlEvent,function(){
        _autoRotation = false;
        if(_timer) clearTimeout(_timer);
        _this.removeClass(_playClass).addClass(_pausedClass);
        return false;
      });
    }

    // dynamic image loading (swap from ATTRIBUTE)
    function loadSlide(slide) {
      if(!slide.hasClass(_loadingClass) && !slide.hasClass(_loadedClass)) {
        var images = slide.find(_dynamicImageLoad) // pass selector here
        var imagesCount = images.length;
        if(imagesCount) {
          slide.addClass(_loadingClass);
          images.each(function(){
            var img = this;
            img.onload = function(){
              img.loaded = true;
              img.onload = null;
              setTimeout(reCalc,_duration);
            }
            img.setAttribute('src', img.getAttribute(_dynamicImageLoadAttr));
            img.setAttribute(_dynamicImageLoadAttr,'');
          }).css({opacity:0});

          function reCalc() {
            var cnt = 0;
            images.each(function(){
              if(this.loaded) cnt++;
            });
            if(cnt == imagesCount) {
              slide.removeClass(_loadingClass);
              images.animate({opacity:1},{duration:_duration,complete:function(){
                if(jQuery.browser.msie && jQuery.browser.version < 9) jQuery(this).css({opacity:'auto'})
              }});
              slide.addClass(_loadedClass)
            }
          }
        }
      }
    }

    // gallery animation
    function prevSlide() {
      if(_disableWhileAnimating && _anim) return;
      _prevIndex = _currentIndex;
      if(_currentIndex > 0) _currentIndex--;
      else {
        if(_noCycle) return;
        else _currentIndex = _slideCount-1;
      }
      switchSlide();
    }
    function nextSlide() {
      if(_disableWhileAnimating && _anim) return;
      _prevIndex = _currentIndex;
      if(_currentIndex < _slideCount-1) _currentIndex++;
      else {
        if(_noCycle) return;
        else _currentIndex = 0;
      }
      switchSlide();
    }
    function refreshStatus() {
      if(_dynamicImageLoad) loadSlide(_slides.eq(_currentIndex));
      if(_pagerLinks.length) _pagerLinks.removeClass(_activeClass).eq(_currentIndex).addClass(_activeClass);
      if(_currentNum) _currentNum.text(_currentIndex+1);
      if(_allNum) _allNum.text(_slideCount);
      _slides.eq(_prevIndex).removeClass(_activeClass);
      _slides.eq(_currentIndex).addClass(_activeClass);
      if(_noCycle) {
        if(_btnPrev.length) {
          if(_currentIndex == 0) _btnPrev.addClass(_disabledClass);
          else _btnPrev.removeClass(_disabledClass);
        }
        if(_btnNext.length) {
          if(_currentIndex == _slideCount-1) _btnNext.addClass(_disabledClass);
          else _btnNext.removeClass(_disabledClass);
        }
      }
      if(typeof _onChange === 'function') {
        _onChange(_this, _slides, _prevIndex, _currentIndex);
      }
    }
    function switchSlide() {
      _anim = true;
      if(typeof _onBeforeFade === 'function') _onBeforeFade(_this, _slides, _prevIndex, _currentIndex);
      _slides.eq(_prevIndex).fadeOut(_duration,function(){
        _anim = false;
      });
      if(_caption.length){
        _captionTitle.hide();
        _captionTitle.eq(_currentIndex).show();
      }
      _slides.eq(_currentIndex).fadeIn(_duration,function(){
        if(typeof _onAfterFade === 'function') _onAfterFade(_this, _slides, _prevIndex, _currentIndex);
      });
      if(_autoHeight) _slides.eq(_currentIndex).parent().animate({height:_slides.eq(_currentIndex).outerHeight(true)},{duration:_duration,queue:false});
      refreshStatus();
      autoSlide();
    }

    // autoslide function
    function autoSlide() {
      if(!_autoRotation || _hover) return;
      if(_timer) clearTimeout(_timer);
      _timer = setTimeout(nextSlide,_switchTime+_duration);
    }
    if(_pauseOnHover) {
      _this.hover(function(){
        _hover = true;
        if(_timer) clearTimeout(_timer);
      },function(){
        _hover = false;
        autoSlide();
      });
    }
    refreshStatus();
    autoSlide();
    
    _this.bind('setslide',function(e,h){
      if(_currentIndex != h.num) _prevIndex = _currentIndex;
      _currentIndex = h.num;
      switchSlide();
    })
  });
}