$(document).ready(function() {
	var feature = $('#homeblue');
	feature.append(
	'<div id="control">'
	+ '<div class="controlbox">'
	+ ' <img id="control-prev" alt="Previous" src="http://www.kytesoft.com/wp-content/themes/fusion/images/spacer.gif" width="36" height="36" title="Previous" />'
	+ ' <img id="control-play" src="http://www.kytesoft.com/wp-content/themes/fusion/images/spacer.gif" width="36" height="36" alt="Play" title="Play" />'
	+ ' <img id="control-pause" src="http://www.kytesoft.com/wp-content/themes/fusion/images/spacer.gif" width="36" height="36" alt="Pause" title="Pause" />'
	+ ' <img id="control-next" src="http://www.kytesoft.com/wp-content/themes/fusion/images/spacer.gif" width="36" height="36" alt="Next" title="Next" />'
	+ '</div>'
	+ '</div>'
	);
	$('#control-play').hide();
	$('#slide').cycle({
		fx: 'scrollHorz',
		timeout: 6000, 
		speed:  1000,
		next: '#control-next',
		prev: '#control-prev',
		cleartypeNoBg: true
	});
	$('#control-pause').click(function() {
		$('#slide').cycle('pause');
		$('#control-play').toggle();
		$('#control-pause').toggle();
	});
	$('#control-play').click(function() {
		$('#slide').cycle('resume');
		$('#control-pause').toggle();
		$('#control-play').toggle();
	});
});