Audio starts playing then stops

[The Little Guy]

I am trying to build an Html 5 / JavaScript audio player, and I can not figure out why when I press play it starts playing, then press stop and it stops, but when I press play again it plays for a few seconds then stops. Why?

 

Here is my click event:

$(".playPause").click(function(){
if(audio.paused){
	audio.play();
	$(this).css({
		backgroundPosition: "-30px -30px"
	});
}else{
	audio.pause();
	$(this).css({
		backgroundPosition: "-30px 0"
	});
}
return false;
});

 

Here is the example:

http://hostbox.us/apiTest.php