$(document).ready(function(){
	$('#content').gallery({
		duration:0,
		getLink: '.link-to-thumbs',
		listOfSlides: 'ul.images > li',
		switcher: 'ul.pages>li',
		thumbs:'.thumbs>li',
		products:'.products>li'
	});
	$('div.pages-holder').numGallery({
		disableBtn:'disable',
		listOfSlides: '.pages > li'
	});
});
(function($) {
	$.fn.gallery = function(options) { return new Gallery(this.get(0), options); };

	function Gallery(context, options) { this.init(context, options); };

	Gallery.prototype = {
		options:{},
		init: function (context, options){
			this.options = $.extend({
				duration: 700,
				listOfSlides: 'ul > li',
				thumbs:false,
				products:false,
				getLink:false,
				switcher: false,
				event: 'click'
			}, options || {});
			this.context = $(context);
			this.els = this.context.find(this.options.listOfSlides);
			this.width = this.els.outerWidth();
			this.count = this.els.index(this.els.filter(':last'));

			if (this.options.switcher) this.switcher = this.context.find(this.options.switcher);
			if (this.options.products) this.products = this.context.find(this.options.products).hide();

			if (this.options.thumbs) this.thumbs = this.context.find(this.options.thumbs);
			if (this.options.getLink) this.getLink = this.context.find(this.options.getLink);

			this.active = 0;
			if (this.active == 0) this.prev = this.count;
			else this.prev = this.active-1;

			this.els.css({marginLeft:-this.width}).eq(this.active).addClass('active').css({marginLeft:0});


			if (this.options.switcher) this.initEventSwitcher(this, this.switcher);
			if (this.options.getLink) this.initGet(this,this.getLink);
			if (this.options.thumbs) this.initThumbs(this,this.thumbs);
		},
		calcPrev: function(){
			if (this.active == 0) this.prev = this.count;
			else this.prev = this.active-1;
		},
		initThumbs: function($this,addEventEl){
			addEventEl.bind($this.options.event, function(){
				var ind = $this.thumbs.index($(this));
				$this.thumbs.removeClass('active').eq(ind).addClass('active');
				$this.products.hide().eq(ind).show();
				return false;
			});
		},
		initGet: function($this,addEventEl){
			addEventEl.bind($this.options.event, function(){
				if (!$(this).hasClass('active')) {
					$(this).addClass('active');
					$this.els.eq($this.active).addClass('opened');
				} else {
					$(this).removeClass('active');
					$this.els.eq($this.active).removeClass('opened');
				}
				return false;
			});
		},
		scrollElement: function($this,side,speed){
			if (side) {
				this.els.eq(this.active).css({
					marginLeft:this.width
				}).animate({
					marginLeft:0
				},{
					queue:false,
					duration: $this.options.duration,
					complete:function(){
						$this.context.removeClass('gallery-details');
						$this.els.removeClass('active').eq($this.active).addClass('active');
					}
				});
				this.els.eq(this.prev).animate({
					marginLeft:-this.width
				},{
					queue:false,
					duration: $this.options.duration
				});
			} else {
				this.els.eq(this.active).css({
					marginLeft: -this.width
				}).animate({
					marginLeft:0
				},{
					queue:false,
					duration: $this.options.duration,
					complete:function(){
						$this.context.removeClass('gallery-details');
						$this.els.removeClass('active').eq($this.active).addClass('active');
					}
				});
				this.els.eq(this.prev).animate({
					marginLeft:this.width
				},{
					queue:false,
					duration: $this.options.duration
				});
			}
		},
		initEventSwitcher: function($this, el){
			el.bind($this.options.event, function(){
				$this.prev = $this.active;
				$this.active = $this.switcher.index($(this));

				$this.switcher.removeClass('active').eq($this.active).addClass('active');

				$this.els.removeClass('opened');
				$this.getLink.removeClass('active');
				$this.thumbs.removeClass('active');
				$this.products.hide();

				if ($this.active > $this.prev) {
					$this.scrollElement($this,true);
				}
				if ($this.active < $this.prev) {
					$this.scrollElement($this,true);
				}
				if ($this.options.parentClass) $this.context.addClass($this.options.parentClass);
				return false;
			});
		}
	}
}(jQuery));
(function($) {
	$.fn.numGallery = function(options) { return new NumGallery(this.get(0), options); };

	function NumGallery(context, options) { this.init(context, options); };

	NumGallery.prototype = {
		options:{},
		init: function (context, options){
			this.options = $.extend({
				duration: 0,
				slideElement: 1,
				autoRotation: false,
				listOfSlides: 'ul > li',
				disableBtn: false,
				nextBtn: 'a.link-next, a.btn-next, a.next',
				prevBtn: 'a.link-prev, a.btn-prev, a.prev',
				direction: false,
				event: 'click'
			}, options || {});
			var _el = $(context).find(this.options.listOfSlides);
			this.list = _el.parent();
			this.nextBtn = $(context).find(this.options.nextBtn);
			this.prevBtn = $(context).find(this.options.prevBtn);
			this.count = _el.index(_el.filter(':last'));

			this.active = _el.index(_el.filter('.active:eq(0)'));
			if (this.active < 0) this.active = 0;
			this.last = this.active;

			this.woh = _el.outerWidth(true);
			if (!this.options.direction) this.installDirections(this.list.parent().width());
			else {
				this.woh = _el.outerHeight(true);
				this.installDirections(this.list.parent().height());
			}

			this.rew = this.count - this.wrapHolderW + 1;
			if (!this.options.direction) this.list.css({marginLeft: -(this.woh * this.active)});
			else this.list.css({marginTop: -(this.woh * this.active)});

			if (this.options.disableBtn) {
				if (this.count < this.wrapHolderW) this.nextBtn.addClass(this.options.disableBtn);
				if (this.active == 0) this.prevBtn.addClass(this.options.disableBtn);
			}

			this.initEvent(this, this.nextBtn, this.prevBtn, true);
			this.initEvent(this, this.prevBtn, this.nextBtn, false);
		},
		installDirections: function(temp){
			this.wrapHolderW = Math.floor(temp / this.woh);
			if (((this.wrapHolderW - 1) * this.woh + this.woh / 2) > temp) this.wrapHolderWwrapHolderW--;
		},
		scrollElement: function(){
			if (!this.options.direction) this.list.animate({marginLeft: -(this.woh * this.active)}, {queue:false, duration: this.options.duration});
			else this.list.animate({marginTop: -(this.woh * this.active)}, {queue:false, duration: this.options.duration});
			if (this.options.switcher) this.switcher.removeClass('active').eq(this.active).addClass('active');
		},
		initEvent: function($this, addEventEl, addDisClass, dir){
			addEventEl.bind($this.options.event, function(){
				if ($this.options.disableBtn &&($this.count > $this.wrapHolderW)) addDisClass.removeClass($this.options.disableBtn);
				$this.toPrepare($this, dir);
				return false;
			});
		},
		toPrepare: function($this, side){
			for (var i = 0; i < $this.options.slideElement; i++){
				if (side) {
					if ($this.active + 1 > $this.rew) {
						if ($this.options.disableBtn && ($this.count > $this.wrapHolderW)) $this.nextBtn.addClass($this.options.disableBtn);
					}
					else $this.active++;
				}
				else{
					if ($this.active - 1 < 0) {
						if ($this.options.disableBtn && ($this.count > $this.wrapHolderW)) $this.prevBtn.addClass($this.options.disableBtn);
					}
					else $this.active--;
				}
			};
			if ($this.active == $this.rew && side) if ($this.options.disableBtn &&($this.count > $this.wrapHolderW)) $this.nextBtn.addClass($this.options.disableBtn);
			if ($this.active == 0 && !side) if ($this.options.disableBtn &&($this.count > $this.wrapHolderW)) $this.prevBtn.addClass($this.options.disableBtn);
			$this.scrollElement();
		}
	}
}(jQuery));