Hi all I have a sliding (horizontal, vertical, diagonal) website. On one of the slides I have a fade in/out slide show with images and text blocks, for wich I use the following function:
Code:
<script>
$(function(){
	$('.fadein p:gt(0)').hide();
	setInterval(function(){$('.fadein > :first-child').fadeOut().next('p').fadeIn(1400).end().appendTo('.fadein');}, 8000);
});
</script>
What I would like to accomplish is that the slideshow only starts when the menu item (#item8) for that slide is clicked and that it will stop when another menu item (#2 - #7) is clicked. Because now the slideshow start as soon as you land on the page, and keeps continueing when I navigate to another slide. How would I do that?

Thank you in advance