// Homepage banners
var firstBanner = '<div id="banner-1"><span class="corners"><!-- --></span><a href="http://www.lloydstsb-offshore.com/international/savings/bonus-saver/?WT.seg_3=HPbBS1"><img src="img/banners/homepage/homepage_ibsa-airport-rh-cta.jpg" alt="International Bonus Saver Account - Make sense of saving with our instant access account ...and get 2.00% (2.01%* AER) including a 0.5% bonus.  Apply now." /></a></div>';
var secondBanner = '<div id="banner-2"><span class="corners"><!-- --></span><a href="http://www.lloydstsb-offshore.com/international/savings/oled/?WT.seg_3=HPbOLEDWk1"><img src="img/banners/homepage/homepage_oled-jetty-offer-closes.jpg" alt="Offshore Limited Edition Deposit - Stability of a fixed term deposit and the earnings potential of the stock market.  Offer closes 16 March 2010.  Find out more." /></a></div>';
var thirdBanner = '<div id="banner-3"><span class="corners"><!-- --></span><a href="http://www.lloydstsb-offshore.com/international/account/?WT.seg_3=HPbIA1"><img src="img/banners/homepage/homepage_ia-life-overseas.jpg" alt="International Account - Do you have the right account for a life overseas?  The International Account helps you manage multiple currencies.  Apply online." /></a></div>';
var fourthBanner = '<div id="banner-4"><span class="corners"><!-- --></span><a href="http://www.lloydstsb-offshore.com/internet-banking/?WT.seg_3=HPbReg1"><img src="img/banners/homepage/homepage_ib-birds.jpg" alt="Internet Banking - make the move to Internet Banking.  Your finances at your fingertips 24 hours a day.  Find out more." /></a></div>';

// Add pagniation and pagination functionality
$('.middle').prepend('<ul id="banner-rotator">\n<li id="banner-1" class="selected"><a href="#"><span>1</span></a></li>\n<li id="banner-2"><a href="#"><span>2</span></a></li>\n<li id="banner-3"><a href="#"><span>3</span></a></li>\n<li id="banner-4"><a href="#"><span>4</span></a></li>\n</ul>\n\n');

// Set height for IE
var getHeight = $('.intro-text').height();
getHeight = getHeight+'px';
$('.intro-text').css('height',getHeight);

repeater='';
newRepeater='';
doOnce='';


$('#banner-rotator li a').click(function()
{			
	$('#banner-rotator li.selected').removeClass('selected');
	$(this).parent().addClass('selected');
	
	var banner = $(this).parent().attr('id');
	var newBannerHTML = '';
	if (banner == 'banner-1') { newBannerHTML = firstBanner; }
	else if (banner == 'banner-2') { newBannerHTML = secondBanner; }
	else if (banner == 'banner-3') { newBannerHTML = thirdBanner; }
	else if (banner == 'banner-4') { newBannerHTML = fourthBanner; }

	$('.intro-text').fadeOut(800);
	doOnce = window.setTimeout(function()
	{
		//var checkClass = banner.indexOf('3') > -1;
		//if (checkClass==true) { $('.intro-text').addClass('compass'); }
		//else { $('.intro-text').removeClass('compass'); }
		$('.intro-text').removeClass('compass');
		$('.intro-text').html(newBannerHTML).fadeIn('normal');
		repeatingFade();
	}, 700);
	if (repeater != '') { window.clearTimeout(repeater); }
	if (newRepeater != '') { window.clearTimeout(newRepeater); }
	return false;
});

function repeatingFade()
{
	repeater = window.setTimeout(function()
	{
		var currentBanner = $('#banner-rotator li.selected').attr('id');
		var newBanner = '';
		if (currentBanner == 'banner-1') { newBanner = 'banner-2'; }
		else if (currentBanner == 'banner-2') { newBanner = 'banner-3'; }
		else if (currentBanner == 'banner-3') { newBanner = 'banner-4'; }
		else if (currentBanner == 'banner-4') { newBanner = 'banner-1'; }
		
		$('#banner-rotator li.selected').removeClass('selected');
		$('li#'+newBanner).addClass('selected');
		
		var newBannerHTML = '';
		if (newBanner == 'banner-1') { newBannerHTML = firstBanner; }
		else if (newBanner == 'banner-2') { newBannerHTML = secondBanner; }
		else if (newBanner == 'banner-3') { newBannerHTML = thirdBanner; }
		else if (newBanner == 'banner-4') { newBannerHTML = fourthBanner; }
		
		$('.intro-text').fadeOut(800);
		newRepeater = window.setTimeout(function()
		{
			//var checkClass = newBanner.indexOf('3') > -1;
			//if (checkClass==true) { $('.intro-text').addClass('compass'); }
			//else { $('.intro-text').removeClass('compass'); }
			 $('.intro-text').removeClass('compass');
			$('.intro-text').html(newBannerHTML).fadeIn('normal');
			repeatingFade();
		}, 700);
		
	}, 7000);
	if (doOnce != '') { window.clearTimeout(doOnce); }
}

window.setTimeout(function() { repeatingFade(); }, 10);