// JavaScript Document

	var i = 2;
	var interval = 12000;
	var next = '#bImage' + (i);
	var image = '#bImage'+(i-1);
	var isHover = false;
	var isRunning = false;
	var button = "";

    (function($){$(document).ready(function(e) {
		
		$('#close_box').click(function() {
			$('#front_message').slideUp();
		});
				
		$('#bImage2, #bImage3').hide();		
		
		$('#button1').css('background-position', '0px 27px');
		
		Timer = setTimeout(switchSlide, interval);
		
		//When #banner is hovered over, stop the annimation, restart on mouseOut
		$('#banner').hover(function() {
			isHover = true;
			$('#banner a').children().stop(true, true);
			clearInterval(Timer);
			//console.log('interval cleared');
		}, function() {
			isHover = false;
			if(isRunning == false) {
				Timer = setTimeout(switchSlide, interval);
				//console.log('interval started');
			}
		});
		
		//When button is clicked, move to the relavant slide
		
		$('#button1').click(function() {
			i=1;
			button = $(this);
			switchSlide();			
		});
		
		$('#button2').click(function() {
			i=2;
			button = $(this);
			switchSlide();			
		});
		
		$('#button3').click(function() {
			i=3;
			button = $(this);
			switchSlide();			
		});
		
    });
	
	

//Switches slides
function switchSlide() {
	isRunning = true;
	image = '#bImage'+(i);
	if(button == "") {
		if(i == 1) {
			$('#button'+(i+2)).css('background-position', '0px 0px');
			$('#button'+i).css('background-position', '0px 27px');	
		} else {
			$('#button'+(i-1)).css('background-position', '0px 0px');
			$('#button'+i).css('background-position', '0px 27px');
		}
	} else {
		$('#buttons').children().not(button).css('background-position', '0px 0px');	
		$(button).css('background-position', '0px 27px');
		button = "";
	}
	$('#banner img').not(image).css('z-index','4').fadeOut(2000);
	$(image).css('z-index','5').fadeIn('slow', function() {
		isRunning = false;
		setCount();
		if(isHover == false) {
			Timer = setTimeout(switchSlide, interval);
		}
	});	
}

//Sub function sets the value of i
function setCount() {
	if (i == 3) {
		image = '#bImage'+(i);
		i = 1;
		next = '#bImage'+i
	} else {
		i++;
		image = '#bImage'+(i-1);
		next = '#bImage'+i;					
	}
}
}(jQuery));