Остановка функции
 

Задача такая, есть слайдер картинок, при наведение на него курсора, запускается слайдшоу, вопрос в том как остановить выполнение слайдшоу при уходе курсора с картинки

$(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);
}

Примерно так:

$(document).ready(function(){
	$("#photos").hover(
		function () {
			var  interval = setInterval("slideShow",300);
		}
  },
		function () {
                 clearInterval(interval);
		}
	)
);

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');
}