(function(jQuery) {
    jQuery.noConflict();
    jQuery.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 = jQuery.extend({
				duration: 700,
				slideElement: 1,
				autoRotation: false,
				effect: false,
				listOfSlides: 'ul > li',
				switcher: false,
				disableBtn: false,
				nextBtn: 'a.link-next, a.btn-next, a.next',
				prevBtn: 'a.link-prev, a.btn-prev, a.prev',
				circle: true,
				direction: false,
				event: 'click',
				IE: false,
				after: function(){}
			}, options || {});
			var _el = jQuery(context).find(this.options.listOfSlides);
			if (this.options.effect) this.list = _el;
			else this.list = _el.parent();
			this.switcher = jQuery(context).find(this.options.switcher);
			this.nextBtn = jQuery(context).find(this.options.nextBtn);
			this.prevBtn = jQuery(context).find(this.options.prevBtn);
			this.count = _el.index(_el.filter(':last'));
			
			if (this.options.switcher) this.active = this.switcher.index(this.switcher.filter('.active:eq(0)'));
			else 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());
			}
			if (!this.options.effect) {
				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)});
			}
			else {
				this.rew = this.count;
				this.list.css({opacity: 0}).removeClass('active').eq(this.active).addClass('active').css({opacity: 1}).css('opacity', 'auto');
				this.switcher.removeClass('active').eq(this.active).addClass('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);
			
			if (this.options.autoRotation) this.runTimer(this);
			
			if (this.options.switcher) this.initEventSwitcher(this, this.switcher);
		},
		installDirections: function(temp){
			this.wrapHolderW = Math.ceil(temp / this.woh);
			if (((this.wrapHolderW - 1) * this.woh + this.woh / 2) > temp) this.wrapHolderWwrapHolderW--;
		},
		fadeElement: function(){
			if (jQuery.browser.msie && this.options.IE){
				this.list.eq(this.last).css({opacity:0});
				this.list.removeClass('active').eq(this.active).addClass('active').css({opacity:'auto'});
			}
			else{
				this.list.eq(this.last).animate({opacity:0}, {queue:false, duration: this.options.duration});
				this.list.removeClass('active').eq(this.active).addClass('active').animate({
					opacity:1
				}, {queue:false, duration: this.options.duration, complete: function(){
					jQuery(this).css('opacity','auto');
				}});
				this.options.after();
			}
			if (this.options.switcher) this.switcher.removeClass('active').eq(this.active).addClass('active');
			this.last = this.active;
		},
		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');
		},
		runTimer: function($this){
			if($this._t) clearTimeout($this._t);
			$this._t = setInterval(function(){
				$this.toPrepare($this, true);
			}, this.options.autoRotation);
		},
		initEventSwitcher: function($this, el){
			el.bind($this.options.event, function(){
				$this.active = $this.switcher.index(jQuery(this));
				if($this._t) clearTimeout($this._t);
				if (!$this.options.effect) $this.scrollElement();
				else $this.fadeElement();
				if ($this.options.autoRotation) $this.runTimer($this);
				return false;
			});
		},
		initEvent: function($this, addEventEl, addDisClass, dir){
			addEventEl.bind($this.options.event, function(){
				if($this._t) clearTimeout($this._t);
				if ($this.options.disableBtn &&($this.count > $this.wrapHolderW)) addDisClass.removeClass($this.options.disableBtn);
				$this.toPrepare($this, dir);
				if ($this.options.autoRotation) $this.runTimer($this);
				return false;
			});
		},
		toPrepare: function($this, side){
			if (($this.active == $this.rew) && $this.options.circle && side) $this.active = -$this.options.slideElement;
			if (($this.active == 0) && $this.options.circle && !side) $this.active = $this.rew + $this.options.slideElement;
			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);
			if (!$this.options.effect) $this.scrollElement();
			else $this.fadeElement();
		},
		stop: function(){
			if (this._t) clearTimeout(this._t);
		},
		play: function(){
			if (this._t) clearTimeout(this._t);
			if (this.options.autoRotation) this.runTimer(this);
		},
		next: function(){
			this.toPrepare(this, true);
		},
		prev: function(){
			this.toPrepare(this, false);
		}
	}
}(jQuery));

jQuery(document).ready(function() {
    jQuery('div.gall-slide').gallery({
        duration: 0,
        autoRotation: 5000,
        //autoRotation: 8000,
        //autoRotation: 10000,
        listOfSlides: '> div.hold-gall > div',
        switcher: 'ul.tabset > li > a'
    });
    jQuery('div.G1').gallery({
        duration: 500,
        autoRotation: false,
        listOfSlides: '> div > ul > li'
    });
    jQuery('div.swicher-slide').gallery({
        duration: 500,
        slideElement: 4,
        autoRotation: 10000,
        listOfSlides: '> div > ul > li'
    });
    jQuery('div.G4').gallery({
        duration: 500,
        autoRotation: 5000,
        listOfSlides: '> ul.img-holder > li',
        switcher: '> ul.switcher > li',
        effect: 'fade'
    });
    var lastTer;
    gal2 = jQuery('div.gall-fade').gallery({
        duration: 100,
        //duration: 500,
         autoRotation: 5000,
        //autoRotation: 15000,
        listOfSlides: '> ul.img-holder > li',
        switcher: 'div.small-carousel > ul > li',
        effect: 'fade',
        after: function() {
            ter = Math.ceil(gal2.active / 4);
            if ((ter == gal2.active / 4) && (lastTer < ter || lastTer == gal2.count / 4)) gal2.next();
            else if ((ter - 0.25 == gal2.active / 4) && (lastTer == ter || lastTer == 0)) gal2.prev();
            lastTer = gal2.active / 4;
        }
    });
});

jQuery.fn.gallerySlide = function(_options){
	// defaults options	
	var _options = jQuery.extend({
		duration: 700,
                //autoSlide: 1000
		autoSlide: 2500
                //autoSlide: 5000

	},_options);

	return this.each(function(){
		var _hold = jQuery(this);
		var _slideNum = 4;
		var _speed = _options.duration;
		var _timer = _options.autoSlide;
		var _wrap = _hold.find('div.small-carousel ul');
		var _el = _hold.find('div.small-carousel ul > li');
		var _next = _hold.find('a.link-next');
		var _prev = _hold.find('a.link-prev');
		var _count = _el.length/_slideNum;
		var _w = _el.outerWidth()*_slideNum;
		var _wrapHolderW = Math.ceil(_wrap.parent().width()/_w);
		var _t;
		var _active = 0;
		var _ind = 0;
		var _list = _hold.find('ul.img-holder > li');
		_list.removeClass('active').css('opacity', 0).eq(_active).addClass('active').css('opacity', 1);
		var _btn = _el;
		
		_btn.eq(_ind).addClass('active');
		
		_btn.click(function(){
		_ind = _btn.index(this);
			changeEl(_ind);
			return false;
		});
		
		function scrollEl(){
			_wrap.eq(0).animate({
				marginLeft: -(_w * _active) + "px"
			}, {queue:false, duration: _speed});
			changeEl(_ind);
		}
		function runTimer(){
			_t = setInterval(function(){
				_ind++;
				if(_ind >= _count*_slideNum){
					_ind = 0;
				}
				changeEl(_ind);
				_num = _active;
				
				_active = Math.floor(_ind/_slideNum);
				if(_num != _active){
					scrollEl();
				}
			}, _timer);
		}
		runTimer();
		
		
		
		
		_prev.hover(function(){
			if(_t) clearTimeout(_t);
		}, function(){
		if(_t) clearTimeout(_t);
			runTimer();
		});
		_next.hover(function(){
			if(_t) clearTimeout(_t);
		}, function(){
		if(_t) clearTimeout(_t);
			runTimer();
		});
		_hold.hover(function(){
			if(_t) clearTimeout(_t);
		}, function(){
			if(_t) clearTimeout(_t);
			runTimer();
		});
		
		_next.click(function(){
			_active++;
			if(_active == _count){
				_ind = 0
			}
			else{
				_ind = _active*_slideNum;
			}
			if (_active > (_count - _wrapHolderW)) _active = 0;
			scrollEl();
			return false;
		});
		
		_prev.click(function(){
			_active--;
			if(_active == _count){
				_ind = 0
			}
			else{
				_ind = _active*_slideNum;
			}
			if (_active < 0) _active = _count - 1;
			scrollEl();
			return false;
		});
		
		function changeEl(_ind){
			_list.removeClass('active').animate({opacity: 0}, {queue:false, duration:_speed});
			_list.eq(_ind).addClass('active').animate({opacity: 1}, {queue:false, duration:_speed});
			_btn.removeClass('active');
			_btn.eq(_ind).addClass('active');
		}
		
	});
}