var image, img;
var titre = new Image();
var init = false;
var ext = "_o.jpg";
var speed = 10;
var j = 0;
var vue, imgTemp, resume, texte, num, episode, nbImages;

function charge(id) {
	titre.src = "episodes/" + id + "_o.jpg";
	image = "episodes/" + id;
	img = document.getElementById("titre");
	init = true;
}

var n;
if (navigator.appName == "Netscape" || navigator.appName == "Opera")
  n = true;


function change(flag) {
	fondu(flag);
}

var opacite = 100;
function fondu(flag) {
	if (flag == j) {
		j = 1;
			//Disparition de l'image d'origine
		if (img.src.lastIndexOf(ext) == -1) {
				//Image invisible
			if (opacite == 0) {
				if (img.src.indexOf("_o.jpg") > 0)
					img.src = image + "_f.jpg";
				else
					img.src = image + "_o.jpg";
				setTimeout("fondu(1)", speed);
			}
				//Disparition progressive de l'image
			else
				opacite = opacite - 1;
		}
			//Réapparition de l'image
		else {
				//Réapparition progressive de l'image
			if (opacite < 100)
				opacite = opacite + 2;
			else {
				j = 0;
				if (ext == "_f.jpg")
					ext = "_o.jpg";
				else
					ext = "_f.jpg";
			}
		}
		if (n)
			img.style.opacity = (opacite / 100).toString();
		else
			img.style.filter = "Alpha(opacity=" + opacite + ")";
		setTimeout("fondu(1)", speed);
	}
}


// Pour les resumes
var loading, fond;
function debutResume(epi) {
	episode = epi;
	loading = document.getElementById("loading");
	fond = document.getElementById("fond");
	vue = document.getElementById("vue");
	resume = document.getElementById("resume");
	num = 1;

	if (navigator.appName == "Netscape" || navigator.appName == "Opera") {
		fond.style.opacity = "0.6";
	}
	else {
		fond.style.filter = "alpha(opacity=60)";
	}

	placer();
	return false;
}


// Masquer la fenetre des resumes
function finResume() {
	loading.style.display = "none";
	fond.style.display = "none";
}


	/* Fonction qui place le cadre "loading" */
function placer() {
	// Calcul de la largeur de la fenêtre pour Mozilla et Opera
	if (n) {
		largeur_f = window.innerWidth;
		hauteur_f = window.innerHeight;
	}
	// Pour Internet Explorer
	else {
		largeur_f = document.body.clientWidth;
		hauteur_f = document.body.clientHeight;
	}

	loading.style.top = ((hauteur_f - 400) / 2) + "px";
	loading.style.left = ((largeur_f - 500) / 2) + "px";
	loading.style.display = "inline";
	fond.style.display = "inline";

	makeRequest(1);
}


	// AJAX
function makeRequest(num) {
	var httpRequest = false;
	if (window.XMLHttpRequest) { // Mozilla, Safari,...
		httpRequest = new XMLHttpRequest();
		if (httpRequest.overrideMimeType) {
			httpRequest.overrideMimeType('text/html');
		}
	}
	else {
		if (window.ActiveXObject) { // IE
			try {
				httpRequest = new ActiveXObject("Msxml2.XMLHTTP");
			}
			catch (e) {
				try {
					httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
				}
				catch (e) {}
			}
		}
	}
	if (httpRequest) {
		httpRequest.onreadystatechange = function() { affiResume(httpRequest); };
		httpRequest.open('GET', "data/ajax/ajax_resume.php?episode=" + episode + "&num=" + num, true);
		httpRequest.send(null);
	}
}


function affiResume(httpRequest) {
	if (httpRequest.readyState == 4) {
		if (httpRequest.status == 200) {
			reponse = httpRequest.responseText.split("##");
			imgTemp = new Image();
			imgTemp.src = "images/" + reponse[0];
			texte = reponse[1];
			nbImages = reponse[2];
			
			num++;	// Numero de la prochaine image a charger
			setTimeout("wait()", 10);
		}
		else {
			//alert(httpRequest.responseText);
			alert('Un problème est survenu avec la requête.');
		}
	}
	
}

function wait() {
	if (imgTemp.complete == true) {
		vue.src = imgTemp.src;
		resume.innerHTML = texte;
	}
	else
		setTimeout("wait()", 10);
}


function suivant() {
	if (num <= nbImages) {
		makeRequest(num);
	}
}

function verifForm(formu) {
	if (formu.commentaire.value == "" || formu.commentaire.length < 10) {
		alert("Votre commentaire est trop court.");
		return false;
	}
	return true;
}