var currentPosition = new Array(0, 0, 0, 0, 0);
var currentOnglet = 0;
var nbBloc = 0;
	
jQuery(document).ready(function() {
	arrowsVisibility();
});

function arrowsVisibility() {
	nbBloc = jQuery('.contenu:eq(' + currentOnglet + ') > .bloc').length;
	if((currentPosition[currentOnglet]+5) == nbBloc) {
		jQuery('.contenu:eq(' + currentOnglet + ') > .aRight').css('visibility', 'hidden');
	}
	else if(nbBloc > 5) {
		jQuery('.contenu:eq(' + currentOnglet + ') > .aRight').css('visibility', 'visible');
	}
	else {
		jQuery('.contenu:eq(' + currentOnglet + ') > .aRight').css('visibility', 'hidden');
	}
	if(currentPosition[currentOnglet] == 0) {
		jQuery('.contenu:eq(' + currentOnglet + ') > .aLeft').css('visibility', 'hidden');
	}
	else {
		jQuery('.contenu:eq(' + currentOnglet + ') > .aLeft').css('visibility', 'visible');
	}
}
	
function changeStatus(id) {
	var tab = document.getElementById('ongletBar').getElementsByTagName('div');
	for (i = 0; i < tab.length; i++) {
		tab[i].className = "onglets";
	}
	tab[id].className = "onglets active";
	if(jQuery('.contenu:eq(' + id + ')').is(':hidden')) {
		jQuery('.contenu').slideUp();
		jQuery('.contenu:eq(' + id + ')').slideDown();
		currentOnglet = id;
		arrowsVisibility();
	}
}
function changeContent(action) {
	if(action == "previous") {
		jQuery('.contenu:eq(' + currentOnglet + ') > .bloc:eq(' + (currentPosition[currentOnglet]+4) + ')').fadeOut();
		jQuery('.contenu:eq(' + currentOnglet + ') > .bloc:eq(' + (currentPosition[currentOnglet]-1) + ')').delay('500').fadeIn();
		currentPosition[currentOnglet] -= 1;
	}
	else if(action == "next") {
		jQuery('.contenu:eq(' + currentOnglet + ') > .bloc:eq(' + currentPosition[currentOnglet] + ')').fadeOut();
		jQuery('.contenu:eq(' + currentOnglet + ') > .bloc:eq(' + (currentPosition[currentOnglet]+5) + ')').delay('500').fadeIn();
		currentPosition[currentOnglet] += 1;
	}
	if(currentPosition[currentOnglet] == 0) {
		jQuery('.aLeft').animate({visibility: 'hidden'}, 500);
	}
	else {
		jQuery('.aLeft').animate({visibility: 'visible'}, 500);
	}
	if((currentPosition[currentOnglet]+5) == nbBloc) {
		jQuery('.aRight').animate({visibility: 'hidden'}, 500);
	}
	else {
		jQuery('.aRight').animate({visibility: 'visible'}, 500);
	}
	arrowsVisibility();
}
