$(function ready(){

  function drone_frames(frames){
    var frames= 116, every= 5, stack= []
    for(var i= 1; i <= frames; i+= every){
      var name= [i, '.png'].join('')
      while (name.length < 9) name= '0'+name
      stack.push(name)
    }
    return stack
  }

  function mini_frames(frames){
    var frames= 120, every= 1, stack= []
    for(var i= 1; i <= frames; i+= every){
      var name= [i, '.jpg'].join('')
      while (name.length < 7) name= '0'+name
      stack.push(name)
    }
    return stack
  }

  function phone_frames(frames){
    var every= 1, stack= []
    for(var i= 1; i <= frames; i+= every){
      var name= [i, '.png'].join('')
      while (name.length < 6) name= '0'+name
      stack.push(name)
    }
    return stack
  }


  /*
  Данный метод используется в демонстрации только для включения Reel. 
  В действительности, использовать его не нужно, так как он является
  просто оболочкой для `$(target).reel(options)`
  */
  prepare_reel_sample= function(target){
    var
      $sample= $(target).parent('.sample'),
			opts= $('pre', $sample).text(),
			options= eval('('+opts+')')

		$sample.click(function(e){
			if (!$(this).is('.on')){
				click_it(e);
				return false;
			}
		});
		$('h3', $sample).click(click_it);

    options.speed && $('<div/>', { className: 'control_events' })
    .append($('<button/>', { text: '▶ Запуск' }).click(function(){ $(target).trigger('play') }))
    .append($('<button/>', { text: '❙❙ Пауза' }).click(function(){ $(target).trigger('pause') }))
    .append($('<button/>', { text: '◼ Стоп' }).click(function(){ $(target).trigger('stop') }))
    .insertAfter(target);

    $('<div/>', { className: 'hint', text: ''}).appendTo($sample);

    function click_it(e){
      var
        onoff= !$sample.hasClass('on'),
				$others= $('.sample').not($sample)
			if (!e.altKey){
				$others.removeClass('on');
	      $('.jquery-reel', $others).trigger('teardown');
			}

      $sample[onoff ? 'addClass' : 'removeClass']('on');
      onoff && $(target).reel(options) || $(target).trigger('teardown');
			$.cookie('reel.test.sample', onoff ? $(target).selector : null);
			// $.cookie(onoff ? '')
			return false;
    }
  }

});