$(document).ready(function(){
	var hero = $('div#hero');
	var overHero = false;
	var slideCycleTime = 5000; //ms
	var fadeTransitionTime = 1500;
	
	hero.mouseover(function(){
		overHero = true;
	});
	hero.mouseout(function(){
		overHero = false;
	});
	
	setInterval(function(){
		if (!overHero) {
			transition();
		}
	}, slideCycleTime);
	
	function transition() {
		var activeLi = $('div#hero ul#benefits li.active');
		var activeLiName = activeLi.attr('id');
		
		activeLi.removeClass('active');
		if (activeLiName == 'attract'){
			$('div#hero li#retain').addClass('active');
			$('div#hero div.slide1').fadeOut(fadeTransitionTime);
			$('div#hero div.slide2').fadeIn(fadeTransitionTime);
		} else if (activeLiName == 'retain') {
			$('div#hero li#measure').addClass('active');
			$('div#hero div.slide2').fadeOut(fadeTransitionTime);
			$('div#hero div.slide3').fadeIn(fadeTransitionTime);
		} else if (activeLiName == 'measure') {
			$('div#hero li#attract').addClass('active');
			$('div#hero div.slide3').fadeOut(fadeTransitionTime);
			$('div#hero div.slide1').fadeIn(fadeTransitionTime);
		}
	}
	
	$('ul#benefits li').click(function(){
		var clickButton = $(this).attr('id');
		$('ul#benefits li').each(function(i){
			$(this).removeClass('active')
		});	
		if (clickButton == 'attract'){
			$('div#hero li#attract').addClass('active');
			$('div#hero div.slide1').fadeIn('fadeTransitionTime');
			$('div#hero div.slide2').css('display','none');
			$('div#hero div.slide3').css('display','none');
		} else if (clickButton == 'retain') {
			$('div#hero li#retain').addClass('active');
			$('div#hero div.slide2').fadeIn('fadeTransitionTime');
			$('div#hero div.slide1').css('display','none');
			$('div#hero div.slide3').css('display','none');
		} else if (clickButton == 'measure') {
			$('div#hero li#measure').addClass('active');
			$('div#hero div.slide3').fadeIn('fadeTransitionTime');
			$('div#hero div.slide1').css('display','none');;
			$('div#hero div.slide2').css('display','none');
		}
		
	});
	
	
	//read more of blog link
	var linkValue = $(".feedburnerFeedBlock span.headline a").attr("href");
	$("#blogReadMore").attr("href",linkValue);
							
});