/**
 * Анимация для гайки
 *
 * @uses time_queue.js
 */
$(function () {
	var img = document.ug_logo,
		images = [
		"http://www.uralgres.com/images/logo/1.png",
		"http://www.uralgres.com/images/logo/2.png",
		"http://www.uralgres.com/images/logo/3.png",
		"http://www.uralgres.com/images/logo/4.png",
		"http://www.uralgres.com/images/logo/5.png",
		"http://www.uralgres.com/images/logo/6.png",
		"http://www.uralgres.com/images/logo/7.png",
		"http://www.uralgres.com/images/logo/8.png",
		"http://www.uralgres.com/images/logo/9.png",
		"http://www.uralgres.com/images/logo/10.png",
		"http://www.uralgres.com/images/logo/11.png",
		"http://www.uralgres.com/images/logo/12.png",
		"http://www.uralgres.com/images/logo/13.png",
		"http://www.uralgres.com/images/logo/14.png",
		"http://www.uralgres.com/images/logo/15.png",
		"http://www.uralgres.com/images/logo/16.png",
		"http://www.uralgres.com/images/logo/17.png",
		"http://www.uralgres.com/images/logo/18.png",
		"http://www.uralgres.com/images/logo/19.png",
		"http://www.uralgres.com/images/logo/20.png",
		"http://www.uralgres.com/images/logo/21.png",
		"http://www.uralgres.com/images/logo/22.png",
		"http://www.uralgres.com/images/logo/23.png",
		"http://www.uralgres.com/images/logo/24.png",
		"http://www.uralgres.com/images/logo/24.png",
		"http://www.uralgres.com/images/logo/24.png",
		"http://www.uralgres.com/images/logo/24.png",
		"http://www.uralgres.com/images/logo/24.png",
		"http://www.uralgres.com/images/logo/24.png",
		"http://www.uralgres.com/images/logo/24.png",
		"http://www.uralgres.com/images/logo/24.png",
		"http://www.uralgres.com/images/logo/24.png",
		"http://www.uralgres.com/images/logo/24.png",
		"http://www.uralgres.com/images/logo/24.png",
		"http://www.uralgres.com/images/logo/24.png",
		"http://www.uralgres.com/images/logo/24.png",
		"http://www.uralgres.com/images/logo/24.png",
		"http://www.uralgres.com/images/logo/24.png"
	];
	// TODO: preload
	var frames = [];
	for (var i = 0; i < images.length; i++) {
		var image = new Image();
		image.src = images[i];

		(function () {
			var j = i;
			frames[i] = function () {
				img.src = images[j];
			};
		})();
	}

	var queue = TimeQueue();
	queue.start(frames, 80, 3200);

	$('.inside-b .ug_nav_4')
		.mouseover(queue.finish)
		.mouseout(function () {
			queue.start();
		});
});