// JavaScript Document
var position = 0;
var pos = 0;
var animate = false;
var autoSlide = false;
function check_in_field(what, word) {
	if (what.value == word) {
		what.value = "";
	}
}

function check_out_field(what, word) {
	if (what.value == "") {
		what.value = "" + word;
	}
}

function stopInt(){
	if(autoSlide == true){
		clearInterval(interval);
	}
	autoSlide = false;
}
	
function slider(direction){
	if(direction == "right"){
		var nbElements = document.getElementById("slider").children.length;
		var maximum = nbElements - 3;
		document.getElementById("a"+position).className="slider_voyage";
		if(position == maximum && autoSlide == true){
			var totalLeft = 482*maximum;
			$("#slider").animate({"left": "+="+totalLeft+"px"}, "slow");
			document.getElementById("next_right").style.display = "block";
			document.getElementById("next_left").style.display = "none";
			position = 0;
		}
		else{
			position = position+1;
			if(position != 0 && position != maximum){
					document.getElementById("next_left").style.display = "block";
			}
			if(position == maximum){
					document.getElementById("next_right").style.display = "none";
			}
			
			$("#slider").animate({"left": "-=482px"}, "slow");
			document.getElementById("a"+position).className="slider_voyage selected";
		}
	}else if(direction == "left"){
		var nbElements = document.getElementById("slider").children.length;
		var maximum = nbElements - 3;
		document.getElementById("a"+position).className="slider_voyage";
		position = position-1;
		if(position == 0){
				document.getElementById("next_left").style.display = "none";
		}
		if(position < maximum){
				document.getElementById("next_right").style.display = "block";
		}
		var left = document.getElementById("slider").style.left;
		lengh = left.length;
		start = lengh-2;
		left = parseInt(left.slice(0, start));
		left = left + 482;
		$("#slider").animate({"left": "+=482px"}, "slow");
		document.getElementById("a"+position).className="slider_voyage selected";	
	}
}

function slider2(id ,direction){
	if(direction == "right"){
		var nbElements = document.getElementById(id).children.length;
		var maximum = nbElements - 5;
		if(pos >= maximum){
				//Losqu'on arrive au maximum, on ne fait pas le déplacement.
		}else{
			var elementId = id+pos;
			pos = pos+1;
			show = pos+3;
			newElementId = id+show;
			if(!document.getElementById(newElementId)){
				show = pos-3;
				pos = 0;
			}
			else{
				document.getElementById(elementId).className="main_voyage hidden";
				document.getElementById(newElementId).className="main_voyage";
				elementId = id+pos;
				$("#"+id).animate({"left": "-=222px"}, "slow");
				document.getElementById(elementId).className="main_voyage first_voyage";
			}
		}
	}else if(direction == "left"){
		var nbElements = document.getElementById(id).children.length;
		var elementId = id+pos;
		if(pos <= 0){
				
		}else{
			document.getElementById(elementId).className="main_voyage";
			pos = pos-1;
			elementId = id+pos;
			document.getElementById(elementId).className="main_voyage first_voyage";
			pos2 = pos+4;
			elementId = id+pos2;
			var left = document.getElementById(id).style.left;
			lengh = left.length;
			start = lengh-2;
			left = parseInt(left.slice(0, start));
			$("#"+id).animate({"left": "+=222px"}, "slow");
			document.getElementById(elementId).className="main_voyage hidden";
		}
	}
}

function switchOnglet(ongletId){
	currentClass = document.getElementById("onglet"+ongletId).className;
	if(currentClass = "unactive"){
		var divs = document.getElementsByTagName('div');
		for(var i=0; i<divs.length; i++){
     		if(divs[i].className == "active"){
				divs[i].className = "unactive";
			}
			if(divs[i].className == "circuits visible"){
				divs[i].className = "circuits invisible";
			}
		}
		document.getElementById("onglet"+ongletId).className = "active";
		newSliderId = ongletId;
		var currentLeft = document.getElementById("slider"+newSliderId).style.left;
		lengh = currentLeft.length;
		start = lengh-2;
		currentLeft = parseInt(currentLeft.slice(0, start));
		nPos = currentLeft/-222;
		if(isNaN(nPos)){
			pos = 0;
		}else{
			pos = nPos;
		}
		document.getElementById("wrapslider"+newSliderId).className = "circuits visible";
	}else{
		
	}
}

//function openBox(id, haut){
//	if(animate == false){
//		animate = true;
//		document.getElementById("membre"+id).style.display = "block";
//		$("#membre"+id).animate({"width": "+=930px", "height": "+=493px"}, "slow");
//		if(haut == 2){
//			document.getElementById("membre"+id).style.top = "450px";
//		}
//		else if(haut == 3){
//			document.getElementById("membre"+id).style.top = "790px";
//		}
//		else if(haut == 4){
//			document.getElementById("membre"+id).style.top = "1000px";
//		}
//	}
//}
//
//function closeBox(){
//	animate = false;
//	var divs = document.getElementsByTagName('div');
//	for(var i=0; i<divs.length; i++){
//		if(divs[i].className == "membre_equipe_description" || divs[i].className == "membre_equipe_description_2"){
//			divs[i].style.display = "none";
//			divs[i].style.width = "10px";
//			divs[i].style.height = "10px";
//			divs[i].style.top = "0px";
//		}
//	}
//}