Here's my code, it's not working, not sure what I did wrong

<div id="slideshow" style="width:240px; height:200px; overflow:hidden;">
<img src="1.jpg" />
<img src="2.jpg" />
<img src="3.jpg" />
<img src="4.jpg" />
</div>
</div>
<br />
<button id="start">Start</button>
<button id="stop">Stop</button>
<script>

var slide;

function startShow()
{
slide=setInterval(function(){

$('#start').click(startShow() {
$('#slideshow').mouseenter();

$('#slideshow img:first').appendTo('#slideshow');

}); $('#slideshow').mouseleave(function() {
$('#slideshow').stop();

}); $('#slideshow').click(stopShow() {
$('#stop').stop();
});
},2000);
}

function stopShow()
{
clearInterval(slide);
}

</script>