$(function() {
		   
	var transitionDelay = 7000;
	
	var interval = setInterval( "bannerUpdate()", transitionDelay );	
	
	var clicktimer;
	var clickEvent;
	var navItemClicked;
	 
	 
	$("#bannerSelector li").click(function(ev) {
		$bannerSelected = $(this).attr('class');		
		$navItem = this;
		clickEvent = ev;
        navItemClicked = this.id;
        clicktimer = window.setTimeout(function() {
		  if(clickEvent) {
			SingleClickAction();
			clearTimeout(clicktimer);
			clicktimer = null;
		  }
		}, 300);
	}).dblclick(function(ev) {        
		window.clearTimeout(clicktimer);
		DoubleClickAction();    
	});
	 
	function SingleClickAction() {	
		// an unselected item has been clicked therefore transition to clicked item banner			
		$('#bannerSelector li').removeClass("selectedHeroNavItem");
		$($navItem).addClass("selectedHeroNavItem");
		clearInterval(interval);
		updateHeroBannerManually();	
	};
	
	function DoubleClickAction() {
	   // do nothing
	};
	
	$(".ctaContainer.hero").mouseover(function() {
		clearInterval(interval);	 
	});	
	
	$(".ctaContainer.hero").mouseout(function() {
		interval = setInterval( "bannerUpdate()", transitionDelay );
	});
	
});

function bannerUpdate() {
    var $active = $('#bannerSelector li.selectedHeroNavItem');
    var $next = $active.next(); 
	if ($active.hasClass('item3')) {
		$next = $('#bannerSelector li.item1');
		$next.addClass('selectedHeroNavItem');    		
		$active.removeClass('selectedHeroNavItem');
	}
	else {
		$next.addClass('selectedHeroNavItem');
		$active.removeClass('selectedHeroNavItem');	
	}
	updateHeroBannerAuto();
}

function updateHeroBannerAuto() {	
	var $activeBanner = $('#heroImg .selectedBanner');
    var $nextBanner = $activeBanner.next();	
   
	$("#heroImg").fadeOut("slow", function(){		
		if ($activeBanner.hasClass('bannerThree')) {
			$nextBanner = $('#heroImg .bannerOne');
			$nextBanner.addClass('selectedBanner');    		
			$activeBanner.removeClass('selectedBanner');
		}
		else {
			$nextBanner.addClass('selectedBanner');
    		$activeBanner.removeClass('selectedBanner');	
		}
		$("#heroImg").fadeIn("slow");
	});
	
};

function updateHeroBannerManually() {		
	//alert($bannerSelected);		
	var $activeBanner = $('#heroImg .selectedBanner');
	var $nextBanner = $activeBanner.next();	
	$bannerContainer = $('#heroImg div');
   
	$("#heroImg").fadeOut("slow", function(){
		if ($bannerSelected == "item1") {
			$nextBanner = $('#heroImg .bannerOne');
			$nextBanner.addClass('selectedBanner');    		
			$activeBanner.removeClass('selectedBanner');
		}	
		if ($bannerSelected == "item2") {
			$nextBanner = $('#heroImg .bannerTwo');
			$nextBanner.addClass('selectedBanner');    		
			$activeBanner.removeClass('selectedBanner');
		}
		if ($bannerSelected == "item3") {
			$nextBanner = $('#heroImg .bannerThree');
			$nextBanner.addClass('selectedBanner');    		
			$activeBanner.removeClass('selectedBanner');
		}
		$("#heroImg").fadeIn("slow");
	});
	
};