/*--- features gallery ---*/
function featuresGall(){
	var stay_time = 7000; // in ms
	var change_speed = 700; // in ms
	var _hold = $('#gallery');
	if(_hold.length){
		var _list = _hold.find('ul.hold > li');
		if(_list.length > 1){
			var _t;
			var _f = true;
			var _btn = $('<ul></ul>');
			for(var i = 0; i < _list.length; i++){
				_btn.append('<li><a href="#">'+(i+1)+'</a></li>');
			}
			_hold.find('div.navigation-box').append(_btn);
			_btn = _btn.find('a');
			var _a = _list.index(_list.index(_list.filter('.active:eq(0)')));
			if(_a == -1) _a = 0;
			_list.removeClass('active').css('opacity', 0).eq(_a).addClass('active').css('opacity', 1);
			_btn.removeClass('active').eq(_a).addClass('active');
			_btn.click(function(){
				changeEl(_btn.index(this));
				return false;
			});
			_hold.mouseenter(function(){
				_f = false;
				if(_t) clearTimeout(_t);
			}).mouseleave(function(){
				_f = true;
				_t = setTimeout(function(){
					if(_a < _list.length - 1) changeEl(_a + 1);
					else changeEl(0);
				}, stay_time);
			});
			_t = setTimeout(function(){
				if(_a < _list.length - 1) changeEl(_a + 1);
				else changeEl(0);
			}, stay_time);
		}
	}
	function changeEl(_ind){
		if(_t) clearTimeout(_t);
		if(_ind != _a){
			_btn.eq(_a).removeClass('active');
			_btn.eq(_ind).addClass('active');
			_list.eq(_a).removeClass('active').animate({opacity: 0}, {queue:false, duration: change_speed});
			_list.eq(_ind).addClass('active').animate({opacity: 1}, {queue:false, duration: change_speed});
			_a = _ind;
		}
		if(_f){
			_t = setTimeout(function(){
				if(_a < _list.length - 1) changeEl(_a + 1);
				else changeEl(0);
			}, stay_time);
		}
	}
}
$(document).ready(function(){
	featuresGall();
});