// Author : Gilles Dumas

// la largeur des blocs qui slident
var width_bloc = 1025;

// la marge des blocs qui slident
var marginRight_bloc = 4;

// la largeur totale des blocs  qui slident (largeur réelle + marges)
var pasMvtBloc = width_bloc+marginRight_bloc;

// le bloc qui va 'slider'
var container_in = null;

// le nombre d'éléments à faire slider
var _NB_ITEM_TO_SLIDE = 0;

// le numéro de l'élément affiché dans le composant (1, 2, 3 etc...)
var _NUM_ITEM_COURANT = 1;

/*// la durée du slide (en millisecondes)
var _DUREE_MVT = 1800;*/

// Indique si le slide auto est actif
// (il devient inactif dès que l'user touche un bouton de nav)
var _INTERVAL_MVT_AUTO = null;

// les path des trois images pour les points de navigation : blanc, gris, et noir
var _PATH_POINT_NORMAL = null;
var _PATH_POINT_HOVER = null;
var _PATH_POINT_SELECTED = null;

// Les noms des trois images pour les points
var _IMG_POINT_NORMAL = 'point_blanc.png';
var _IMG_POINT_SURVOL = 'point_gris.png';
var _IMG_POINT_SELECTED = 'point_noir.png';


/*
* Code à exécuter au chargement du DOM
*/
$(document).ready(function() {
	
	// Le scroll pour les dernières actualités
	$(function() {
		$('.bloc_scroll').jScrollPane();
	});
	
	//====================================================================================
	//====================================================================================
	// Le slide de la têtière
	//====================================================================================
	//====================================================================================
	container_in = $('#flash_in'); 
	
	// Déterminer les path des trois images des points de navigation
	// Pour la page avec le composant 'slide'.
	tmp = $('img.img_point:first').attr('src'); //alert(tmp);
	
	/*
	cas particulier de la page d'accueil du blog (page avec le composant 'slide')
	*/
	if (typeof(tmp) != 'undefined') {
		_PATH_POINT_NORMAL = remplacer(_IMG_POINT_SELECTED, _IMG_POINT_NORMAL, tmp);
		_PATH_POINT_HOVER = remplacer(_IMG_POINT_NORMAL, _IMG_POINT_SURVOL, _PATH_POINT_NORMAL );
		_PATH_POINT_SELECTED = remplacer(_IMG_POINT_NORMAL, _IMG_POINT_SELECTED, _PATH_POINT_NORMAL );
		
		_NB_ITEM_TO_SLIDE = container_in.children('.one_visu_home').length;
				
		/* Survol des points de navigation */
		$('a.slide_point').mouseover(function(){
			$(this).children('img').attr('src', _PATH_POINT_HOVER);
		});	
		$('a.slide_point').mouseout(function(){
			if ($(this).children('img').attr('src') != _PATH_POINT_SELECTED) {
				$(this).children('img').attr('src', _PATH_POINT_NORMAL);
			}
		});
		
		/* Click des points de navigation */
		$('a.slide_point').click(function(){
			keyImg = remplacer('slide_point', '', $(this).attr('id'));
			slideUpTo(keyImg, 'human');
			return false;
		});
		
		/*setTimeout('slideNext()', _DELAI_DEPART);*/
		_INTERVAL_MVT_AUTO = setInterval("slidePrevNext('next', 'cpu')", _DELAI_DEPART);
		
	}
	//====================================================================================
	//====================================================================================
	// Le slide de la têtière
	//====================================================================================
	//====================================================================================
	
}); 


/*
* slideUpTo()
* =============================
* Déplacer le bloc
* jusqu'à la position indiquée.
* @param numItem int :	le numéro de l'article dans le composant
*/
function slideUpTo(numItem, typeUser) {
	
	if (typeUser == 'human') {
		clearInterval(_INTERVAL_MVT_AUTO);
		_INTERVAL_MVT_AUTO = false;	//alert('_INTERVAL_MVT_AUTO : '+_INTERVAL_MVT_AUTO);
	}
	
	/* pour revenir au début si on est sur le dernier élément */
	if (numItem > _NB_ITEM_TO_SLIDE) {
		numItem = 1;
	}
	
	_NUM_ITEM_COURANT = parseInt(numItem);	
	refreshComposantsNav();
	
	newLeft = 0 - ((_NUM_ITEM_COURANT-1) * pasMvtBloc);

	container_in.stop().animate({
		left: newLeft + 'px'
	 }, _DUREE_MVT, 'easeOutQuint', function() {}
	);
	return true;
}


/**
* slidePrevNext()
* =============================
* La fonction de déplacement du bloc
* du blog, au clic sur les points de navigation
*/
function slidePrevNext(sens, typeUser) {
	if (sens == 'prev') {
		return slideUpTo(_NUM_ITEM_COURANT-1, typeUser);
	}
	else if (sens == 'next') {
		return slideUpTo(_NUM_ITEM_COURANT+1, typeUser);
	}
}


/*
* refreshComposantsNav()
* =============================
* Met à jour l'affichage du système de navigation (les points)
*/
function refreshComposantsNav() {
	$('.img_point').attr('src', _PATH_POINT_NORMAL);
	idImgSelected = parseInt(_NUM_ITEM_COURANT);
	/*gd_log(idImgSelected);*/
	$('#img_point'+idImgSelected).attr('src', _PATH_POINT_SELECTED);	
}