jQuery(function( $ ){

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

	var wow = {};

	$.each(boxClass, function( index, 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
		  }
		);

		wow[value].init();
	});

});