$(document).ready(function(){
	if($('#hero').length>0){

		if($(window).width()>1024){
			$('#hero').after('<a href="" id="prev" title="Previous Feature">Previous</a><a href="" id="next" title="Next Feature">Next</a>');
		}

		$('#hero').after('<div id="hero-nav"></div>').cycle({
			fx:'scrollHorz',
			speed:2000,
			timeout:8000,
			easing:'easeInOutQuint',
			//prev:'#prev',
			//next:'#next',
			pager:'#hero-nav',
			manualTrump:false
		});

		$('#hero-nav a').each(function(){
			$(this).addClass('nav-'+$(this).text());
		});

		$('#hero').hover(function(){
			$(this).cycle('pause');
		},function(){
			if(!$(this).hasClass('pause')){
				$(this).cycle('resume');
			}
		});

		$('#hero-nav a, #next, #prev').click(function(){
			$('#hero').addClass('pause').cycle('pause');
		});

	}
});