$(document).ready(function(){
	initGall();
	initSlideBox();
});
/*--- initSlideBox function ---*/
function initSlideBox(){
	$('.accordion-box ul').each(function(){
		var _a;
		var _list = $(this).children();
		var _t;
		_list.each(function(_i){
			var _el = $(this);
			var txt_box = _el.find('div.txt');
			var img_box = _el.find('div.img-holder');
			var t_l;
			this._w = _el.width();
			_el.mouseenter(function(){
				if(_t) clearTimeout(_t);
				_t = setTimeout(function(){
					if(_i != _a){
						_list.not(_el).animate({width: 27}, {queue:false, duration:300});
						_list.not(_el).find('div.txt').animate({marginLeft: 0}, {queue:false, duration:300});
						_list.not(_el).find('.title a span').stop().animate({opacity: 0}, 200, function(){ $(this).hide();});
						_el.animate({width: 332}, {queue:false, duration:300});
						_el.find('.title a span').stop().show().animate({opacity: 1}, {queue:false, duration:200});
						t_l = 332 - img_box.outerWidth() - txt_box.outerWidth();
						if(t_l > 0) t_l = 0;
						txt_box.animate({marginLeft: t_l}, {queue:false, duration:300});
						_a = _i;
					}
				}, 300);
			});
			
			txt_box.find('.close-link a').click(function(){
				_list.each(function(){
					_list.find('.title a span').show().animate({opacity: 1}, {queue:false, duration:200});
					$(this).animate({width: this._w}, {queue:false, duration:300});
				});
				txt_box.animate({marginLeft: 0}, {queue:false, duration:300});
				_a = -1;
			});
		});
	});
}
/*--- initGall function ---*/
function initGall(){
	$('.gallery-box').each(function(){
		var stay_time = 7000; //in ms
		var _list = $(this).find('.gallery-main > li');
		var _a = _list.index(_list.filter('.active:eq(0)'));
		if(_a == -1) _a = 0;
		_list.hide().removeClass('active').eq(_a).show().addClass('active');
		var _btn = $('<ul class="gallery-nav"></ul>');
		$(this).append(_btn);
		_list.each(function(_i){
			_btn.append('<li><a href="#">'+(_i+1)+'</a></li>');
		});
		_btn = _btn.find('a');
		_btn.eq(_a).parent().addClass('active');
		_btn.click(function(){
			if(_t) clearTimeout(_t);
			changeEl(_btn.index(this));
			return false;
		});
		$(this).mouseenter(function(){
			if(_t) clearTimeout(_t);
			_f2 = false;
		}).mouseleave(function(){
			_f2 = true;
			if(_t) clearTimeout(_t);
			_t = setTimeout(function(){
				if(_a == _list.length -1) changeEl(0);
				else changeEl(_a + 1);
			}, stay_time);
		});
		var _f = true;
		var _f2 = true;
		function changeEl(_ind){
			if(_ind != _a && _f){
				_f = false;
				var _l = _list.parent().outerWidth();
				_list.eq(_ind).addClass('active').css('left', -_l).show().animate({left: 0}, 400);
				_list.eq(_a).removeClass('active').animate({left: _l}, 400, function(){
					$(this).hide();
					_f = true;
				});
				_btn.parent().removeClass('active').eq(_ind).addClass('active');
				_a = _ind;
				if(_f2){
					_t = setTimeout(function(){
						if(_a == _list.length -1) changeEl(0);
						else changeEl(_a + 1);
					}, stay_time);
				}
			}
		}
		var _t = setTimeout(function(){
			if(_a == _list.length -1) changeEl(0);
			else changeEl(_a + 1);
		}, stay_time);
	});
}