jQuery(function( $ ){

	var boxClass = ['projects-counter','clients-counter','availability-counter'];

	var wow = {};

	$.each(boxClass, function( index, value ){
		// console.log("'"+value+"'");
		wow[value] = new WOW(
		  {
			boxClass:     "'"+value+"'",      // animated element css class (default is wow)
			animateClass: 'counter counter-analog2', // animation css class (default is animated)
			offset:       0,          // distance to the element when triggering the animation (default is 0)
			mobile:       true,       // trigger animations on mobile devices (default is true)
			callback:     function(box) {
				// the callback is fired every time an animation is started
				// the argument that is passed in is the DOM node being animated
				$('.'+value).counter({});
			},
			scrollContainer: null // optional scroll container selector, otherwise use window
		  }
		);
	});

	$.each(boxClass, function( index, value ){
		wow[value].init();
	});

});