var hp_timer;
var hp_timer_seconds = 5000;

function gotonextbanner () {
	// work out the next banner	
	count = $('#homepageBanner_text div').length;
	prev = $('#homepageBanner_text div.on').prevAll('div');
	
	position = prev.length;
	
	next = position+1;
	if (next >= count)
	{
		next = 0;
	}
	// select it
	selectbanner ( $('#homepageBanner_text div:eq(' + next + ')'), false );
	
	// reset timer
	hp_timer=setTimeout("gotonextbanner()",hp_timer_seconds);
}

function selectbanner ( bannerButton, hover ) {
	//make sure everything starts how it should
	$('#homepageBanner div').removeClass('bannerinwaiting');
	$('#homepageBanner div').show();
	
	//work out banner position 
	count = $('#homepageBanner_text div').length;		
	prev = bannerButton.prevAll('div');	
	position = prev.length;
		
	// if the banner isnt already showing
	if ( !bannerButton.hasClass('on') )
	{	
		// add arrow to select button
		$('#homepageBanner_text div').removeClass('on').find('img').attr('src','/i/homepage-header-button.png');
		bannerButton.find('img').attr('src','/i/homepage-header-button-arrow.png');
		bannerButton.addClass('on');
				
		$('#homepageBanner div:eq(' + position + ')').addClass('bannerinwaiting');
		
		// if banner selected by a hover, dont do animation
		if ( hover )
		{
			$('#homepageBanner div.banneron').hide().removeClass('banneron');
			$('#homepageBanner div.bannerinwaiting').addClass('banneron').removeClass('bannerinwaiting');
		}
		else
		{
			$('#homepageBanner div.banneron').fadeOut('slow', function () {
				$('#homepageBanner div').removeClass('banneron');
				$('#homepageBanner div.bannerinwaiting').addClass('banneron').removeClass('bannerinwaiting');	
			});
		}
	}
	// if the banner is already showing, make sure it has correct class
	else
	{				
		$('#homepageBanner div:eq(' + position + ')').addClass('banneron');
	}
	if (jQuery.isFunction(jQuery.cookie))
	{
		$.cookie('homeBanner', position+1, {'expires' : 185});
	}
}

$( document ).ready ( function ( )
{

	$( '#ad1' ).innerFade (
	{ 
		startPause: 500, animSpeed: 1500, frameDuration: 5000, frameType: 'sequence', containerHeight: '187px' 
	}); 

	$( '#ad2' ).innerFade (
	{ 
		startPause: 3000, animSpeed: 1500, frameDuration: 5000, frameType: 'sequence', containerHeight: '187px' 
	}); 	
	
	/******** Home page banner ************/
	// set up hover events for arrows
	$( '#homepageBanner_text div' ).append('<img src="/i/homepage-header-button.png" />').hover(function () {
			// if hovered, clear the timer
			clearTimeout(hp_timer);
			// stop any running animation
			$('#homepageBanner div.banneron').stop(true, true);
			// move to hovered banner
			selectbanner ( $(this), true );
		},
		function () {
			hp_timer=setTimeout("gotonextbanner()",hp_timer_seconds);		
		}
	);
	// make sure wew start with the arrow on the selected button
	$( '#homepageBanner_text div.on' ).find('img').attr('src','/i/homepage-header-button-arrow.png');	
	
	// make sure the whole div is clickable not just the anchor
	$( '#homepageBanner_text div' ).click(function () {
		
			document.location = $(this).find('a').attr('href');
			return false;
	});
	
	// if hovered over banner pause the timer
	$( '#homepageBanner div' ).hover(function () {
			clearTimeout(hp_timer);
		},
		function () {
			hp_timer=setTimeout("gotonextbanner()",hp_timer_seconds);		
		}
	);
	
	// now everything has loaded, clear the ficker
	$( '#headBanner .stopflicker' ).removeClass ('stopflicker');	
	// and start the homepage timer
	hp_timer=setTimeout("gotonextbanner()",hp_timer_seconds);
	/******** Home page banner ************/
});