// JavaScript Document
var tabSlides = new Array();
tabSlides[1] = 630;
tabSlides[2] = 700;
tabSlides[3] = 770;
tabSlides[4] = 840;
tabSlides[5] = 910;

var tabTxt = new Array();
tabTxt[1] = 'harmonia';
tabTxt[2] = 'programmes';
tabTxt[3] = 'planning';
tabTxt[4] = 'gravity';
tabTxt[5] = 'tarifs';

var nbTab = 5;
var largTab = 70;
var t;
var tSlideshow;

function scrollSlide(id) {
	for (i = 1; i <= tabTxt.length; i++) {
		$('#tab_txt' + i).attr('src', 'picts/txt_' + tabTxt[i] + (i == id ? '_on' : '') + '.png');
	}

	var nom = "slide" + id;
	var anim = document.getElementById(nom);
	var elCurrentLeft  = parseInt(anim.style.left, 10);
	
	if (elCurrentLeft == tabSlides[id]) {
		resizeMoins(id, ((id - 1) * largTab), 70);
	} else {
		resizePlus(id, tabSlides[id] + largTab, 70);
	}
}

function scrollSlideOff() {
	for (i = 1; i <= tabTxt.length; i++) {
		$('#tab_txt' + i).attr('src', 'picts/txt_' + tabTxt[i] + '.png');
	}
	resizePlus(0, 630, 70);
}

function resizeMoins(id, xMin, step) {
	for (i = 1; i <= id; i++) {
		var nom = "slide" + i;
		var anim = document.getElementById(nom);
		var elCurrentLeft = parseInt(anim.style.left, 10);
		if (elCurrentLeft != ((i - 1) * largTab)) {
			anim.style.left = elCurrentLeft - step + "px";
		}
	}

	if (elCurrentLeft > xMin + step) {
		string = "resizeMoins(" + id + ", " + xMin + ", " + step*0.9 + ")";
		t = setTimeout (string, 24);
	} else {
		clearTimeout(t);
		for (i = 1; i <= id; i++) {
			var nom = "slide" + i;
			var anim = document.getElementById(nom);
			anim.style.left = (i - 1) * largTab + "px";
		}
	}
}

function resizePlus(id, xMax, step) {
	for (i = id + 1; i <= nbTab; i++) {
		var nom = "slide" + i;
		var anim = document.getElementById(nom);
		var elCurrentLeft = parseInt(anim.style.left, 10);
		if (elCurrentLeft != tabSlides[i]) {
			anim.style.left = elCurrentLeft + step + "px";
		}
	}
	
	var nom = "slide" + (id + 1);
	var anim = document.getElementById(nom);
	var elCurrentLeft = parseInt(anim.style.left, 10);

	if (elCurrentLeft < xMax - step) {
		string = "resizePlus(" + id + ", " + xMax + ", " + step*0.9 + ")";
		t = setTimeout (string, 24);
	} else {
		clearTimeout(t);
		for (i = id + 1; i <= nbTab; i++) {
			nom = "slide" + i;
			anim = document.getElementById(nom);
			anim.style.left = tabSlides[i] + "px";
		}
	}
}

function loadHomePage(path, url) {
	$.ajax({ 
		type: "POST", 
		url: url,
		data: "path=" + path,
		dataType: "html",
		success: function(retour) {
			$("#container_home").empty().append(retour);
			scrollSlideOff();
		} 
	});
}

function loadPage(path, url, container) {
	$.ajax({ 
		type: "POST", 
		url: url,
		data: "path=" + path,
		dataType: "html",
		success: function(retour) {
			$("#container_" + container).empty().append(retour);
		} 
	});
}

function loadPageScroll(path, url, container, id_slide) {
	$.ajax({ 
		type: "POST", 
		url: url,
		data: "path=" + path,
		dataType: "html",
		success: function(retour) {
			$("#container_" + container).empty().append(retour);
			scrollSlide(id_slide);
		} 
	});
}

function loadPortesOuvertes(path, url) {
	clearInterval(tSlideshow);
	$.ajax({ 
		type: "POST", 
		url: url,
		data: "path=" + path,
		dataType: "html",
		success: function(retour) {
			$("#container_home").empty().append(retour);
			scrollSlideOff();
			tSlideshow = setInterval(slideShow, 10000);
		} 
	});
}

function slideShow() {
	$('#slideshow div.slideshow').each(function(index, domEle) {
		var position = $(this).position();
		if (Math.round(position.left) <= -630) {
			$(this).css({left: '' + ($('#slideshow div.slideshow').length - 1) * 630 + 'px'});
		}
	});

	$('#slideshow div.slideshow').each(function(index, domEle) {
		var position = $(this).position();
		$(this).animate({left: '' + (position.left - 630) + 'px'}, 1200);
	});
}