Задача такая, есть слайдер картинок, при наведение на него курсора, запускается слайдшоу, вопрос в том как остановить выполнение слайдшоу при уходе курсора с картинки
$(document).ready(function(){
$("#photos").hover(
function () {
slideShow();
}
},
function () {
}
)
);
function slideShow() {
var current = $('#photos .show');
var next = current.next().length ? current.next() : current.siblings().first();
current.hide().removeClass('show');
next.fadeIn(0).addClass('show');
setTimeout(slideShow, 300);
}