$(document).ready(function(){
var currentStage = 1;
var stageOverflow;
bindStages(currentStage,stageOverflow);
});


function bindStages(currentStage,stageOverflow){
	
	$(document).everyTime(4000, function(i) {
		hideStage(currentStage);
		if(currentStage == 5){
			currentStage = 1;
		}
		else{
			currentStage++;
		}
		changeStage(currentStage);
	});
	
	$('#StageContainer #bubble_1 a').click(function(){
		hideStage(currentStage);
		currentStage = 1;
		changeStage(currentStage);
	});
	$('#StageContainer #bubble_2 a').click(function(){
		hideStage(currentStage);
		currentStage = 2;
		changeStage(currentStage);
	});
	$('#StageContainer #bubble_3 a').click(function(){
		hideStage(currentStage);
		currentStage = 3;
		changeStage(currentStage);
	});
		$('#StageContainer #bubble_4 a').click(function(){
		hideStage(currentStage);
		currentStage = 4;
		changeStage(currentStage);
	});
		$('#StageContainer #bubble_5 a').click(function(){
		hideStage(currentStage);
		currentStage = 5;
		changeStage(currentStage);
	});
}

function hideStage(currentStage){
	$('#bubble_'+currentStage+' a').removeClass('active');
	$('#StageContent'+currentStage).addClass('hide');
}

function changeStage(currentStage){
	$('#StageContent'+currentStage).removeClass('hide');
	sIFRReload();
	$('#bubble_'+currentStage+' a').addClass('active');
	var i=0;
	for(i=0;i<=4;i++){
		stageOverflow = i - currentStage + 2;
		if(stageOverflow > 5){
			stageOverflow = stageOverflow-5;
		}
		if(stageOverflow < 1){
			stageOverflow = stageOverflow+5;
		}
		var j = i+1;
		$('#StageContainer .blue_arrow_'+(j)).removeClass('blue_1').removeClass('blue_2').removeClass('blue_3').removeClass('blue_4').removeClass('blue_5').addClass('blue_'+stageOverflow);
	}
}