/* ///////////////////////////////////////////////////////////////////////////////////////////////// */
/* AFFICHE LE BANDEAU FLASH */
/* ///////////////////////////////////////////////////////////////////////////////////////////////// */

function headerFlash() {
	document.write('<object type="application/x-shockwave-flash" data="images-design/header.swf" id="header_flash">');
	document.write('	<param name="movie" value="images-design/header.swf" />');
	document.write('	<param name="quality" value="high" />');
	document.write('	<p>');
	document.write('		L\'utilisation de cette animation kinder surprise requiert un plugin flash.');
	document.write('	</p>');
	document.write('</object>');
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////// */
/* AFFICHE LA CARTE DES COLLECTIONNEURS */
/* ///////////////////////////////////////////////////////////////////////////////////////////////// */

function carteCollectionneursPays(pays)
{
	if (pays == 'france')
	{
		document.getElementById('bloc_departement').style.display = 'block';
		document.getElementById('bloc_departement').style.visibility = 'visible';
	}
	else
	{
		document.getElementById('bloc_departement').style.display = 'none';
		document.getElementById('bloc_departement').style.visibility = 'hidden';
	}
}

function carteCollectionneurs()
{
	document.write('<object type="application/x-shockwave-flash" data="carte-des-collectionneurs/map.swf" id="carte_collectionneurs_flash">');
	document.write('	<param name="movie" value="carte-des-collectionneurs/map.swf" />');
	document.write('	<param name="quality" value="high" />');
	document.write('	<p>');
	document.write('		L\'utilisation de cette animation kinder surprise requiert un plugin flash.');
	document.write('	</p>');
	document.write('</object>');
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////// */
/* AFFICHE L'ONGLET DE L'ESPACE MEMBRE */
/* ///////////////////////////////////////////////////////////////////////////////////////////////// */

function afficheCacheOngletEM(ongletSelect)
{
	// j'affiche l'onglet choisi
	document.getElementById(ongletSelect + '_onglet').src = 'images-design/onglet_' + ongletSelect + '_on.gif';
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////// */
/* AFFICHE OU CACHE SIMPLEMENT UN ID (et change une image) */
/* ///////////////////////////////////////////////////////////////////////////////////////////////// */

function afficheCache(blocSelect)
{
	if (document.getElementById('deroule_bloc_' + blocSelect).style.visibility == 'visible')
	{
		document.getElementById('deroule_bloc_' + blocSelect).style.visibility = 'hidden';
		document.getElementById('deroule_bloc_' + blocSelect).style.display = 'none';
		document.getElementById('deroule_image_' + blocSelect).src = 'images-design/icone_deroule_off.gif';
	}
	else
	{
		document.getElementById('deroule_bloc_' + blocSelect).style.visibility = 'visible';
		document.getElementById('deroule_bloc_' + blocSelect).style.display = 'block';
		document.getElementById('deroule_image_' + blocSelect).src = 'images-design/icone_deroule_on.gif';
	}	
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////// */
/* FONCTION AJAX */
/* ///////////////////////////////////////////////////////////////////////////////////////////////// */

/**
 * @fonction : requeteAJAX
 * @description : permet de faire une requete ajax sur une page en envoyant les informations suivantes
 *
 * @variable url : url du fichier à executer
 * @variable variables : variables à passer au format POST
 * @variable id : id du bloc html dans lequel sera inséré la réponse de la requête
 */
 
function requeteAJAX(url, variables, id)
{

	// objet FireFox et autre que IE
	if (window.XMLHttpRequest) 
	{ 
		http_request = new XMLHttpRequest();
	} 
	// objet IE
	else if (window.ActiveXObject) 
	{ 
		http_request = new ActiveXObject("Microsoft.XMLHTTP");
	}
	else
	{
		return false;
	}
	
	// appel de la fonction qui s'occupera de traiter le résultat de la requête au serveur
	http_request.onreadystatechange = function () { traitementAJAX(http_request); };
	
	// appel de la page de traitement
	http_request.open('POST', url, true);
	
	// type : j'envoie en POST
	http_request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	
	// envoi des variables
	http_request.send(variables);
	
	
	function traitementAJAX(http_request)
	{
	
		// etat de traitement du serveur
		/*
		0 (non initialisée) 
		1 (en cours de chargement) 
		2 (chargée) 
		3 (en cours d'interaction) 
		4 (terminée) 
		*/
		if (http_request.readyState == 4) 
		{
			// réponse du serveur
			/*
			200 (bonne réponse)
			404 (page non trouvée)
			500 (erreur interne)
			...
			*/
			if (http_request.status == 200) 
			{
				// affichage de la réponse
				document.getElementById(id).innerHTML = http_request.responseText;
				return true;
			} 
			else 
			{
				// erreur
			}
		} 
		else 
		{
			// erreur
		}
		
	}

}

/*

// exemple AJAX
requeteAJAX('http://127.0.0.1/ajax/test.php', 'nom=vincent', 'monH1');

*/