$(document).ready(function() {
	$('#hp-feature').hide();
	var feature = $('#hp-feature');
	feature.append(
		'<div id="slideshow-controls">'
		+ '	<img id="slideshow-prev" src="/site-images/icons-silk/control_rewind.png" width="16" height="16" alt="Previous Slide" title="Previous Slide" />'
		+ '	<img id="slideshow-play" src="/site-images/icons-silk/control_play.png" width="16" height="16" alt="Play" title="Play" />'
		+ '	<img id="slideshow-pause" src="/site-images/icons-silk/control_pause.png" width="16" height="16" alt="Pause" title="Pause" />'
		+ '	<img id="slideshow-next" src="/site-images/icons-silk/control_fastforward.png" width="16" height="16" alt="Next Slide" title="Next Slide" />'
		+ '</div>'
	);
	$('#slideshow-play').hide();
	$('#hp-feature-items').cycle({
		fx: 'fade',
		timeout: 6000,
		next: '#slideshow-next',
		prev: '#slideshow-prev',
		cleartype: '1'
	});
	$('#slideshow-pause').click(function() {
		$('#hp-feature-items').cycle('pause');
		$('#slideshow-play').toggle();
		$('#slideshow-pause').toggle();
	});
	$('#slideshow-play').click(function() {
		$('#hp-feature-items').cycle('resume');
		$('#slideshow-pause').toggle();
		$('#slideshow-play').toggle();
	});
	$('#hp-feature').fadeIn();
	//$('.loading').removeClass('loading');
});