var currentStageContentId = 1;
var stageContentCount = 0;

function bindStageToggle(){
	$('#toggle-right a').click(function(){
		moveContentStage("right");
	});
	$('#toggle-left a').click(function(){
		moveContentStage("left");
	});
}

function moveContentStage(direction){
	$('#toggle-right a').unbind();
	$('#toggle-left a').unbind();
	
	var toggleNr = 0;	
	var stageFromPosition = '';
	var stageToPosition = '';
	
	if('left'==direction){
		toggleNr = currentStageContentId-1;
		if(toggleNr<1) toggleNr = stageContentCount;
		stageFromPosition = "-914px";
		stageToPosition = "914px";
	} else {
		toggleNr = currentStageContentId+1;
		if(toggleNr>stageContentCount) toggleNr = 1;
		stageFromPosition = "914px";
		stageToPosition = "-914px";
	}
	
	var currentContent = $('#content-'+currentStageContentId);
	var currentContentArea = currentContent.children('.content');
	var currentContentStage = currentContent.children('.content-stage');
	var currentSidebarStage = currentContent.children('.sidebar-stage');
	var currentSidebar = currentContent.children('.sidebar');	
	
	$('#content-'+toggleNr).css('left',stageFromPosition);
	currentContent.animate({
		left:stageToPosition
	},1000);
	$('#content-'+toggleNr).animate({
		left:"0px"
	},1000,function(){
		bindStageToggle();
	});
	currentContent.animate({ left: stageFromPosition },0);
	
	setTimeout(
		function(){
			$('#content-'+toggleNr+' .content-stage').fadeTo('slow',0.6,function(){
				$('#content-'+toggleNr+' .sidebar-stage').fadeTo('slow',0.6);
				$('#content-'+toggleNr+' .sidebar').fadeTo('slow',1);
				currentContentArea.fadeTo(0,0);
				currentContentStage.fadeTo(0,0);
				currentSidebar.fadeTo(0,0);
				currentSidebarStage.fadeTo(0,0);
			});
			$('#content-'+toggleNr+' .content').fadeTo('slow',1);
		}, 800
	);
		
	currentStageContentId = toggleNr;
	$('#current-stage').text(currentStageContentId);
}

$(document).ready(function(){
	stageContentCount = $('#content').children().length;
	
	$('.page-content .content-stage').fadeTo(0,0);
	$('.page-content .content-stage').css('display','inline');
	$('.page-content .sidebar-stage').css('display','inline');
	$('.page-content .content').fadeTo(0,0);
	$('.page-content .sidebar').fadeTo(0,0);
	$('.page-content .sidebar-stage').fadeTo(0,0);
	
	setTimeout(
		function(){
			$('#content-1 .content-stage').fadeTo('slow',0.6,function(){
				$('#content-1 .sidebar-stage').fadeTo('slow',0.6);
				$('#content-1 .sidebar').fadeTo('slow',1);
			});
			$('#content-1 .content').fadeTo('slow',1);
		}, 500);
	
	bindStageToggle();
		
	$('#content-toggle a').removeAttr('href');
	
});