// JavaScript Document
var largeur_slide_plus_skilou = 360;
var tempo_slide_plus_skilou = 0.4;
var nb_dispo_gauche_plus_skilou = 0;
var nb_dispo_droite_plus_skilou = 0;

var startXPlusSkilou;
var startYPlusSkilou;
var is_sliding = false;


function displayStapePlusSkilou(ID_stape) {
	if(startXPlusSkilou!= '' && startYPlusSkilou!='') {
		var movePlusSkilou = new YAHOO.util.Motion('content-stape-plus-skilou', { points: {to: [startXPlusSkilou-tabXPlusSkilou[ID_stape],startYPlusSkilou] } }, tempo_slide_plus_skilou );
		movePlusSkilou.animate();
		nb_dispo_gauche_plus_skilou = tabNbDispoGauche[ID_stape];
		nb_dispo_droite_plus_skilou = tabNbDispoDroite[ID_stape];
		//maj_bouton_deroulement_plus_skilou();
	}
}

/*function maj_bouton_deroulement_plus_skilou() {
	var new_visibility;
	
	if(nb_dispo_droite_plus_skilou > 0) {
		new_visibility = 'visible';
	}
	else {
		new_visibility = 'hidden';
	}
	recupererObjet('button_next_plus_skilou').style.visibility = new_visibility;
	
	if(nb_dispo_gauche_plus_skilou > 0) {
		new_visibility = 'visible';
	}
	else {
		new_visibility = 'hidden';
	}
	recupererObjet('button_prev_plus_skilou').style.visibility = new_visibility;
}*/

YAHOO.namespace('example.anim');

YAHOO.example.anim.init = function() {

	startXPlusSkilou = YAHOO.util.Dom.getX('content-stape-plus-skilou');
	startYPlusSkilou = YAHOO.util.Dom.getY('content-stape-plus-skilou');

	var moveRightAnimPlusSkilou = new YAHOO.util.Motion('content-stape-plus-skilou', { points: {to: [startXPlusSkilou+largeur_slide_plus_skilou,startYPlusSkilou] } }, tempo_slide_plus_skilou );
	var moveLeftAnimPlusSkilou = new YAHOO.util.Motion('content-stape-plus-skilou', { points: {to: [startXPlusSkilou-largeur_slide_plus_skilou,startYPlusSkilou] } }, tempo_slide_plus_skilou );
	
	var showNextPlusSkilou = function(e) {
		if(!is_sliding) {
			is_sliding = true;
			XPlusSkilou = YAHOO.util.Dom.getX('content-stape-plus-skilou');
			YPlusSkilou = YAHOO.util.Dom.getY('content-stape-plus-skilou');
			moveLeftAnimPlusSkilou = new YAHOO.util.Motion('content-stape-plus-skilou', { points: {to: [XPlusSkilou-largeur_slide_plus_skilou,YPlusSkilou] } }, tempo_slide_plus_skilou );
			moveRightAnimPlusSkilou = new YAHOO.util.Motion('content-stape-plus-skilou', { points: {to: [XPlusSkilou,YPlusSkilou] } }, tempo_slide_plus_skilou );
			moveLeftAnimPlusSkilou.animate();
			setTimeout("is_sliding = false;",tempo_slide_plus_skilou);
			
			nb_dispo_gauche_plus_skilou++;
	
			nb_dispo_droite_plus_skilou--;
			//maj_bouton_deroulement_plus_skilou();
		}
		
		return false;
	}
	
	var showPrevPlusSkilou = function(e) {
		if(!is_sliding) {
			is_sliding = true;
			XPlusSkilou = YAHOO.util.Dom.getX('content-stape-plus-skilou');
			YPlusSkilou = YAHOO.util.Dom.getY('content-stape-plus-skilou');
			moveLeftAnimPlusSkilou = new YAHOO.util.Motion('content-stape-plus-skilou', { points: {to: [XPlusSkilou,YPlusSkilou] } }, tempo_slide_plus_skilou );
			moveRightAnimPlusSkilou = new YAHOO.util.Motion('content-stape-plus-skilou', { points: {to: [XPlusSkilou+largeur_slide_plus_skilou,YPlusSkilou] } }, tempo_slide_plus_skilou );
			moveRightAnimPlusSkilou.animate();
			setTimeout("is_sliding = false;",tempo_slide_plus_skilou);
			
			nb_dispo_gauche_plus_skilou--;
			nb_dispo_droite_plus_skilou++;
			//maj_bouton_deroulement_plus_skilou();
		}

		return false;
	}
	
	//YAHOO.util.Event.addListener('button_next_plus_skilou', 'click', showNextPlusSkilou);
	//YAHOO.util.Event.addListener('button_prev_plus_skilou', 'click', showPrevPlusSkilou);
}

YAHOO.util.Event.addListener(window, 'load', YAHOO.example.anim.init);


	// on initialise le nombre de slide dispos
	nb_dispo_droite_plus_skilou = 3;
	
	var tabXPlusSkilou = new Array();
	var tabNbDispoDroite = new Array();
	var tabNbDispoGauche = new Array();

	tabXPlusSkilou[0] = 0;
	tabNbDispoDroite[0] = 3;
	tabNbDispoGauche[0] = 0;
	
	tabXPlusSkilou[1] = 360;
	tabNbDispoDroite[1] = 2;
	tabNbDispoGauche[1] = 1;

	tabXPlusSkilou[2] = 720;
	tabNbDispoDroite[2] = 1;
	tabNbDispoGauche[2] = 2;
	
	tabXPlusSkilou[3] = 1080;
	tabNbDispoDroite[3] = 0;
	tabNbDispoGauche[3] = 3;

	var current_id = 1;
	var timer_plus_skilou = "";

	function derouleStapePlusSkilou(action_user){
		if(action_user > -1){
			clearTimeout(timer_plus_skilou);
			displayStapePlusSkilou(action_user);
			majIndicateur(action_user);
			if(action_user == 3){
				current_id = 0;
			}
			else{
				current_id = action_user+1;
			}
			timer_plus_skilou = setTimeout("derouleStapePlusSkilou(-1)",10000);
		}
		if(action_user == -1){
			displayStapePlusSkilou(current_id);
			majIndicateur(current_id);
			if(current_id == 3){
				current_id = 0;
			}
			else{
				current_id++;
			}
			timer_plus_skilou = setTimeout("derouleStapePlusSkilou(-1)",5000);
		}
	}

	function majIndicateur(ID_stape){
		
		document.getElementById("haut_stape_plus_skilou_0").className = "cel-haut-menu-plus-skilou";
		document.getElementById("haut_stape_plus_skilou_1").className = "cel-haut-menu-plus-skilou";
		document.getElementById("haut_stape_plus_skilou_2").className = "cel-haut-menu-plus-skilou";
		document.getElementById("haut_stape_plus_skilou_3").className = "cel-haut-menu-plus-skilou";
		
		document.getElementById("haut_stape_plus_skilou_"+ID_stape).className = "cel-haut-menu-plus-skilou-selected";
		
		document.getElementById("bas_stape_plus_skilou_0").className = "cel-bas-menu-plus-skilou";
		document.getElementById("bas_stape_plus_skilou_1").className = "cel-bas-menu-plus-skilou";
		document.getElementById("bas_stape_plus_skilou_2").className = "cel-bas-menu-plus-skilou";
		document.getElementById("bas_stape_plus_skilou_3").className = "cel-bas-menu-plus-skilou";
		
		document.getElementById("bas_stape_plus_skilou_"+ID_stape).className = "cel-bas-menu-plus-skilou-selected";
	}