var homepage_panel 	= 1;
var autofade_panel 	= 1;
var current_panel 	= 1;

var autofade_timeout = false;

$(function() {
	$('#fading_panel .controller a').click(function() {
		$('.square').removeClass('selected');
		clearTimeout(autofade_timeout);
		direction = $(this).attr('class');		
		if (direction == 'left') {
			if (current_panel == 1) {
				return false;
			}
			else {
				$('#fading_panel_'+current_panel).fadeOut();
				current_panel -= 1;								
			}
		}
		else if (direction == 'right') {
			if (current_panel == 4) {
				return false;
			}
			else {
				$('#fading_panel_'+current_panel).fadeOut();
				current_panel += 1;				
			}
		}
		squares = $(this).parent().find('img.squares');
		squares.attr('src','/images/fading_panels/homepage/square_'+current_panel+'.gif');
		squares.attr('alt',current_panel+' of 4');				
		$('#fading_panel_'+current_panel).fadeIn();

		$('.square'+current_panel).addClass('selected');
		
		
TrackBanner(current_panel);



		return false;
	});

	
	$('.square1').click(function() {
		clearTimeout(autofade_timeout);
		$('.fading_panel').fadeOut();
		$('#fading_panel_1').fadeIn('slow');
		current_panel = 1;
		$('.square').removeClass('selected');
		$('.square1').addClass('selected');
		TrackBanner(1);
		return false;
	});

	$('.square2').click(function() {
		clearTimeout(autofade_timeout);
		$('.fading_panel').fadeOut();
		$('#fading_panel_2').fadeIn('slow');
		current_panel = 2;
		$('.square').removeClass('selected');
		$('.square2').addClass('selected');
		TrackBanner(2);
		return false;
	});

	$('.square3').click(function() {
		clearTimeout(autofade_timeout);
		$('.fading_panel').fadeOut();
		$('#fading_panel_3').fadeIn('slow');
		current_panel = 3;
		$('.square').removeClass('selected');
		$('.square3').addClass('selected');
		TrackBanner(3);
		return false;
	});

	$('.square4').click(function() {
		clearTimeout(autofade_timeout);
		$('.fading_panel').fadeOut();
		$('#fading_panel_4').fadeIn('slow');
		current_panel = 4;
		$('.square').removeClass('selected');
		$('.square4').addClass('selected');
		TrackBanner(4);
		return false;
	});

	
	autofade_timeout = setInterval('auto_fade()',5000);
});


function TrackBanner(panelNumber)
{
	if(panelNumber==1)
		{
			pageTracker._trackPageview('http://www.stonemarket.co.uk/:banner-download-brochure');
		}else if(panelNumber==2)
		{
			pageTracker._trackPageview('http://www.stonemarket.co.uk/:banner-cromwell');
		}else if(panelNumber==3)
		{
			pageTracker._trackPageview('http://www.stonemarket.co.uk/:banner-paving-generator');
		}else if(panelNumber==4)
		{
			pageTracker._trackPageview('http://www.stonemarket.co.uk/:banner-chessington');
		}
		else if(panelNumber==5)
		{
			pageTracker._trackPageview('http://www.stonemarket.co.uk/:banner-click-other');
		}
}

function auto_fade() {
	$('.square').removeClass('selected');
	var panel = $('#fading_panel.auto');
	if (current_panel == 4) {
		next_panel = 1;
	}
	else {
		next_panel = current_panel + 1;
	}
	panel.find('#fading_panel_'+current_panel).fadeOut('slow');
	
	squares = panel.parent().find('img.squares');
	if (squares) { // Look up how to check for an object's existance
		squares.attr('src','/images/fading_panels/homepage/square_'+next_panel+'.gif');
		squares.attr('alt',next_panel+' of 4');
	}
	
	panel.find('#fading_panel_'+next_panel).fadeIn('slow');	
	current_panel = next_panel;
	$('.square'+current_panel).addClass('selected');
}