/**
 * @author Sergey Chikuyonok (serge.che@gmail.com)
 * @link http://chikuyonok.ru
 */
$(function(){
	
	function loadCSS(href) {
		$('head').append('<link rel="stylesheet" href="' + href + '"/>');
	}
	
	function initSlider(selector, anim, slider_prop) {
		var obj = $(selector);
		createControls(obj);
			
		obj.find('input').click(function() {
			if (anim.isAnimating()) {
				anim.stop();
				$(this).val('Старт');
			} else {
				anim.start();
				$(this).val('Стоп');
			}
		});
			
		return obj.find('.ui-slider')
			.data('text_field', obj.find('.value'))
			.slider(slider_prop);
	}
	
	function createControls(elem) {
		$(elem)
			.append('<div class="ui-slider"/>')
			.append('<div class="controls"><span class="value"></span><input type="button" value="Старт"/></div>');
	}
	
	
	var anim = spriteAnimation(document.getElementById('elefanto'), 206, 1648, 'backgroundPositionX');
	anim.frameDelay(70)
	initSlider('#sprites-sld1', anim, {
		min: -200,
		max: 200,
		value: anim.frameDelay(),
		slide: function(evt, ui) {
			$(this).data('text_field').text(ui.value + ' мс');
			anim.frameDelay(ui.value)
		}
	}).data('text_field').text(anim.frameDelay() + ' мс');
	
	spriteAnimation(document.getElementById('sprites-preloader2'), 2, 28, 'backgroundPositionX').start();
	
	loadCSS('/css/sprites.css');
});