var $j = jQuery.noConflict();

$j(document).ready(function(){
	$j('.service-list > li.popups-holder').OpenClose({
		activeClass:'active',
		opener:'>a.open',
		slider:'>form.search',
		slideSpeed: 400
	});
	gal1 = $j('div.gallery').gallery({
		duration: 500,
		slideElement: 1,
		autoRotation: 8000,
		listOfSlides: '> ul > li',
		activeClass: 'active',
		startMargin: 20
	});
	
});

(function($j) {
	$j.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 = $j.extend({
				duration: 700,
				slideElement: 1,
				startMargin: 0,
				autoRotation: false,
				effect: false,
				listOfSlides: 'ul > li',
				switcher: false,
				disableBtn: false,
				nextBtn: 'a.link-next',
				prevBtn: 'a.link-prev',
				playBtn: 'a.link-play',
				pauseBtn: 'a.link-pause',
				circle: true,
				direction: false,
				event: 'click',
				activeClass: 'active',
				windowWidth: $j(window).width(),
				contentWidth: 960,
				IE: false
			}, options || {});
			var _el = $j(context).find(this.options.listOfSlides);
			var _activClass = this.options.activeClass;
			if (this.options.effect) this.list = _el;
			else this.list = _el.parent();
			this.switcher = $j(context).find(this.options.switcher);
			this.nextBtn = $j(context).find(this.options.nextBtn);
			this.prevBtn = $j(context).find(this.options.prevBtn);
			this.playBtn = $j(context).find(this.options.playBtn);
			this.pauseBtn = $j(context).find(this.options.pauseBtn);
			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);
			this._startMargin = (($j(document).width() - this.options.contentWidth)/2)+this.options.startMargin;
			//alert(this._startMargin);
			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.anim = '{marginLeft: -(this.woh * this.active - this._startMargin)}';
				else this.anim = '{marginTop: -(this.woh * this.active + this._startMargin)}';

				
				eval('this.list.css('+this.anim+')');
				//eval('this.list.css({marginLeft: '+this.anim+'})');
				
			}
			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');
			}
			
			this.initEvent(this, this.nextBtn, true);
			this.initEvent(this, this.prevBtn, false);
			this.initStartEvent(this, this.playBtn, this.pauseBtn);
                        this.initStopEvent(this,this.playBtn, this.pauseBtn);
			
			if (this.options.disableBtn) this.initDisableBtn();
			if (this.options.autoRotation) this.runTimer(this);
			if (this.options.switcher) this.initEventSwitcher(this, this.switcher);
		},
		initDisableBtn: function(){
			this.prevBtn.removeClass('prev-'+this.options.disableBtn);
			this.nextBtn.removeClass('next-'+this.options.disableBtn);
			if (this.active == 0 || this.count+1 == this.wrapHolderW) this.prevBtn.addClass('prev-'+this.options.disableBtn);
			if (this.active == 0 && this.count == 1 || this.count+1 == this.wrapHolderW) this.nextBtn.addClass('next-'+this.options.disableBtn);
			if (this.active == this.rew) this.nextBtn.addClass('next-'+this.options.disableBtn);
		},
		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 ($j.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(){
					$j(this).css('opacity','auto');
				}});
			}
			if (this.options.switcher) this.switcher.removeClass('active').eq(this.active).addClass('active');
			this.last = this.active;
		},
		scrollElement: function(){
			eval('this.list.animate('+this.anim+', {queue:false, duration: this.options.duration});');
			if (this.options.switcher) this.switcher.removeClass('active').eq(this.active / this.options.slideElement).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($j(this)) * $this.options.slideElement;
				if($this._t) clearTimeout($this._t);
				if ($this.options.disableBtn) $this.initDisableBtn();
				if (!$this.options.effect) $this.scrollElement();
				else $this.fadeElement();
				if ($this.options.autoRotation) $this.runTimer($this);
				return false;
			});
		},
		initEvent: function($this, addEventEl, dir){
			addEventEl.bind($this.options.event, function(){
				if($this._t) clearTimeout($this._t);
				$this.toPrepare($this, dir);
				if ($this.options.autoRotation) $this.runTimer($this);
				$this.setDefaultBtn(true);
				return false;
			});
		},
		initStartEvent: function($this,addPlayEl,addPauseEl){
			addPlayEl.bind($this.options.event, function(){
				$this.play();
				$this.toPrepare($this,true);
				$this.setDefaultBtn(true);
				return false;
			});		
		},
		initStopEvent: function($this,addPlayEl,addPauseEl){
			addPauseEl.bind($this.options.event, function(){
				$this.stop();
				$this.setDefaultBtn(false);
				return false;
			});		
		},
		setDefaultBtn: function(isStart){
			if(isStart){ 
			    this.pauseBtn.removeClass('active');
			    this.playBtn.addClass('active');		
			}else{
			    this.playBtn.removeClass('active');
			    this.pauseBtn.addClass('active');				
			}
		},
		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) $this.active++; }
				else { if ($this.active - 1 >= 0) $this.active--; }
			};
			if (this.options.disableBtn) this.initDisableBtn();
			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);
		}
	}
}(jQuery));



// open-close plugin
jQuery.fn.OpenClose = function(_options){
	// default options
	var _options = jQuery.extend({
		activeClass:'active',
		opener:'.opener',
		slider:'.slide',
		slideSpeed: 400,
		animStart:false,
		animEnd:false,
		event:'click'
	},_options);

	return this.each(function(){
		// options
		var _holder = jQuery(this);
		var _slideSpeed = _options.slideSpeed;
		var _activeClass = _options.activeClass;
		var _opener = jQuery(_options.opener, _holder);
		var _slider = jQuery(_options.slider, _holder);
		var _animStart = _options.animStart;
		var _animEnd = _options.animEnd;
		var _event = _options.event;
		if(_slider.length) {
			_opener.bind(_event,function(){
				if(!_slider.is(':animated')) {
					if(typeof _animStart === 'function') _animStart();
					if(_holder.hasClass(_activeClass)) {
						_slider.slideUp(_slideSpeed,function(){
							if(typeof _animEnd === 'function') _animEnd();
						});
						_holder.removeClass(_activeClass);
					} else {
						_holder.addClass(_activeClass);
						_slider.slideDown(_slideSpeed,function(){
							if(typeof _animEnd === 'function') _animEnd();
						});
					}
				}
				return false;
			});
			if(_holder.hasClass(_activeClass)) _slider.show();
			else _slider.hide();
	
		}
	});
}