var win, container, stats;
//-
$(document).ready(function($) {
	win = $(window);

	var splits = [];
	splits.push( new SplitFont( $('section .special.split.snake'), 0.02 ) );
	splits.push( new SplitFont( $('section .special.split.wave'), 0.15 ) );
	//-
	function animate() {
		requestAnimationFrame( animate );
		$.each(splits, function(_i, _split ){
			_split.render();
		});
	}
	animate();
});


//- FONT -
var SplitFont = function( _element, _vel ){
	var t = this;
	t.el = $(_element);
	t.splitText = new SplitText( t.el, {type:"chars"});
	t.numChars = t.splitText.chars.length;
	t.type = t.el.hasClass('snake') ? 'snake' : t.el.hasClass('wave') ? 'wave' : '';
	t.chars = []; 
	
	//- Animation
	t.iniWght   = 0;
	t.finWght   = 1000;
	t.yest      = 0;
	t.increase  = (Math.PI * 2 / t.numChars );
	t.vel  		= _vel;
	
	//-
	t.radius = 190;
	//-
	for(var i = 0; i < t.numChars; i++){
		var char = $(t.splitText.chars[i]);
		var text = char.text();
		char.data('counter', (t.increase * i) );
	}
 
  	t.render = function(){
		for(var i = 0; i < t.numChars; i++){
			var char = $(t.splitText.chars[i]);
			var wght = t.iniWght + ( (t.finWght - t.iniWght) * (Math.sin( char.data('counter') ) / 2 + 0.5 ));
			switch( t.type ){
				case 'wave':
					char.css('font-variation-settings', '"yest" '+t.yest+', "gvty" '+wght );
					break;
					
				case 'snake':
				default: 
					char.css('font-variation-settings', '"yest" '+wght+', "gvty" 400' );
					break;
			}
			char.data('counter', char.data('counter') - (t.increase * t.vel) );
		}
	};
};