Как совместить 2 функции

[U4enik]

Здарвствуйте, надеюсь поможете мне решить проблему.
Делаю небольшую галерейку.

Есть несколько кадров, каждый кадр это фотка(клип), они должны сами меняться через заданный интервал.

Еще есть меню, с кнопками, которые соответствуют каждой фотке, и при наведении на кнопку должна происходить смена на нужную фотку.

Тоесть я немогу понять как совместить эти задачи, что бы все вместе работало?
Нужно чтобы фотки сами менялись но когда пользователь навел на кнопку нужно чтобы он перескочил на эту фотку а дальше чтобы фотки сами менялись до следующего наведения.

По отдельности работает , вместе неполучается. Глючит. Вернее когда фото меняется при наведении, все равно срабатывает

stop();
id = setInterval(function () {
	clearInterval(id);
	play();
}, 3000);

Наверно надо както эту функцию остановить, но как незнаю.

[Psycho Tiger]

setTimeout, ну

[U4enik]

А конкретнее можно?

Уменя к каждом кадре

stop();
id = setInterval(function () {
	clearInterval(id);
	play();
}, 3000);

А код наведения и кликов в кнопках(в меню).

[Psycho Tiger]

setTimeout(function(){play()}, 3000);