$(document).ready(function() {
	var feature = $('#hp-feature');
	feature.append(
		'<div id="slideshow-controls">'
		+ '	<img id="slideshow-prev" src="http://www.nicolaymusic.com/img/test/first.png" width="20" height="20" alt="Previous Slide" title="Previous Slide" />'
		+ '	<img id="slideshow-play" src="http://www.nicolaymusic.com/img/test/play.png" width="20" height="20" alt="Play" title="Play" />'
		+ '	<img id="slideshow-paus" src="http://www.nicolaymusic.com/img/test/pause.png" width="20" height="20" alt="Pause" title="Pause" />'
		+ '	<img id="slideshow-next" src="http://www.nicolaymusic.com/img/test/forward.png" width="20" height="20" alt="Next Slide" title="Next Slide" />'
		+ '</div>'
	);
	$('#slideshow-play').hide();
	$('#hp-feature-items').cycle({
		fx: 'fade',
		timeout: 4000,
		next: '#slideshow-next',
		prev: '#slideshow-prev',
		cleartype: '1'
	});
	$('#slideshow-paus').click(function() {
		$('#hp-feature-items').cycle('pause');
		$('#slideshow-play').toggle();
		$('#slideshow-paus').toggle();
	});
	$('#slideshow-play').click(function() {
		$('#hp-feature-items').cycle('resume');
		$('#slideshow-paus').toggle();
		$('#slideshow-play').toggle();
	});
});