$(document).ready(function(){
	initFadeGall();
	initCufon();
});
/*--- fade gallery function ---*/
function initFadeGall(){
	$('.fade-gallery').each(function(){
		var _hold = $(this);
		var _t;
		var change_t = 8000; //in ms
		var _f = true;
		var _list = _hold.find('.list > li');
		var _a = _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);
		var btn_h = $('<ul class="gall-nav"></ul>');
		_list.each(function(_i){
			btn_h.append('<li><a href="#">'+(_i+1)+'</a></li>')
		});
		var _btn = btn_h.children();
		_btn.eq(_a).addClass('active');
		_hold.append(btn_h);
		_btn.click(function(){
			_f = false;
			changeEl(_btn.index(this));
			return false;
		});
		if(_f){
			_t = setTimeout(function(){ 
				if(_a < _list.length - 1) changeEl(_a + 1);
				else changeEl(0);
			}, change_t);
		}
		_hold.mouseenter(function(){
			if(_t) clearTimeout(_t);
			_f = false;
		}).mouseleave(function(){
			_f = true;
			if(_f){
				_t = setTimeout(function(){ 
					if(_a < _list.length - 1) changeEl(_a + 1);
					else changeEl(0);
				}, change_t);
			}
		});
		function changeEl(_ind){
			if(_t) clearTimeout(_t);
			if(_ind != _a){
				_list.eq(_a).removeClass('active').animate({opacity: 0}, { queue:false, duration:600});
				_list.eq(_ind).addClass('active').animate({opacity: 1}, { queue:false, duration:600});
				_btn.eq(_a).removeClass('active');
				_btn.eq(_ind).addClass('active');
				_a = _ind;
			}
			if(_f){
				_t = setTimeout(function(){ 
					if(_a < _list.length - 1) changeEl(_a + 1);
					else changeEl(0);
				}, change_t);
			}
		}
	});
}
// cufon config
function initCufon() {
	Cufon.set('fontFamily', 'advent');
	Cufon.replace('.columns h3', { fontFamily: 'candara' });
	Cufon.replace('.columns h2', { fontFamily: 'advent' });
	Cufon.replace('.violet-btn', { fontFamily: 'advent' });
	Cufon.replace('.green-btn', { fontFamily: 'advent' });
	Cufon.replace('.promo h2', { fontFamily: 'advent-800'});
	Cufon.replace('.promo2 h2', { fontFamily: 'advent-800'});
	Cufon.replace('.promo3 h2', { fontFamily: 'advent-800'});
	Cufon.replace('.promo4 h2', { fontFamily: 'advent-800'});
	Cufon.replace('.promo5 h2', { fontFamily: 'advent-800'});
	Cufon.replace('.promo6 h2', { fontFamily: 'advent-800'});
	Cufon.replace('.promo7 h2', { fontFamily: 'advent-800'});
	Cufon.replace('.resultshop h2', { fontFamily: 'candara' });
	Cufon.replace('.main-area h2', { fontFamily: 'advent' });
	Cufon.replace('.nav-col h3', { fontFamily: 'advent' });
	Cufon.replace('.box  h3', { fontFamily: 'advent' });

}
