/* --------------------------------------------
 * Initialisation des éléments de base
 * TODO: permettre de charger une page sur la base des $_GET
 * ---------------------------------------------- */
Event.observe(document, 'dom:loaded', function() {
	// getData('home', 'main');

$$('a.js_link').findAll(function(link) {
	link.writeAttribute('href', '#');
});
$curlink = $('link_home');
$curlink.setStyle({color: 'red'});

	$ca = $('content_ajax');
	$cm = $('content_map');
	$cs = $('start');

	$ca.style.display = 'none';
	$cm.style.display = 'none';
	$cs.style.display = 'none';
	$cs.innerHTML='<img src="images/image_accueil.jpg" width="480" height="360" />';
	$cs.style.display = 'block';
	// setTimeout('$cm.style.display = "none";$ca.style.display = "block";', 2000);
	// setTimeout('Effect.SwitchOff( $(\'content_map\'));setTimeout(\'$ca.style.display = "block";\', 750);', 2000);
	 // -> setTimeout('Effect.Shrink( $(\'content_map\'));setTimeout(\'$ca.style.display = "block";\', 1000);', 2000);
	// setTimeout('new Effect.Opacity( $(\'content_map\'), { from: 1, to: 0, duration: 0.7 });', 2000);
	 // setTimeout('Effect.Opacity( $(\'content_ajax\'), { from: 0, to: 1, duration: 0.5 });', 2000);
	 // setTimeout('new Effect.Opacity($cm, { from: 1, to: 0, duration: 0.7 });setTimeout(\'$ca.style.display = "block";\', 1000);', 1000);

	// Explosion au démarrage
	//////setTimeout('Pixel_Explosion(\'start\', 400,275,300,70);',1000);
	// setTimeout('Effect.Shrink( $(\'content_map\'));', 2500);
	///setTimeout('new Effect.Opacity( $cs, { from: 1, to: 0, duration: 0.1 });',1000);
	////setTimeout('Stop_Anim();', 5000);
	////setTimeout('DIV_RemovePixel( \'start\');',5000);

	setTimeout('$cs.style.display = \'none\';', 5000);
	setTimeout('$ca.style.display = \'block\';', 5000);
	////setTimeout('$ca.style.display = "block";', 5001);
	///$cm.style.display = 'block';
	    var map = new GMap2(document.getElementById("content_map"));
        map.setCenter(new GLatLng(46.296718, 6.166334), 16);
        map.setUIToDefault();
	////$cm.style.display = 'none';

});

/* -----------------------------------------------------
 * Page de base
 * ----------------------------------------------------- */
function loadBase() {
	// getData('home', 'main');

	$ca = $('content_ajax');
	$cm = $('content_map');
	$ca.style.display = 'none';
	$cm.style.display = 'none';
	$cm.innerHTML='<img src="images/image_accueil.jpg" width="480" height="360" />';
	$cm.style.display = 'block';
	// setTimeout('$cm.style.display = "none";$ca.style.display = "block";', 2000);
	setTimeout('Effect.SwitchOff( $(\'content_map\'));setTimeout(\'$ca.style.display = "block";\', 750);', 2000);
}

/* -----------------------------------------------------
 * Chargement du DIV central par requête Ajax de Prototype
 * ------------------------------------------------------ */
function getData($page, $parm2) {
	// A remplacer par une foutue boucle...
	$('link_home').setStyle({color: 'black'});
	$('link_horaires').setStyle({color: 'black'});
	$('link_presentation').setStyle({color: 'black'});
	$('link_team').setStyle({color: 'black'});
	$('link_events').setStyle({color: 'black'});
	$('link_press').setStyle({color: 'black'});
	$('link_contact').setStyle({color: 'black'});
	var $p=$page;
	$curlink = $('link_'+$p);
	$curlink.setStyle({color: 'red'});

	var url = 'load-content.php';
	var myAjax = new Ajax.Request( url, {method: 'get', parameters: 'page='+$page+'&parm2='+$parm2, onLoading: showLoad, onComplete: showResponse} );
}

/* ----------------------------------------------------------
 * Image d'attente et affichage des divs's
 * TODO: L'image de chagement ne s'efface pas avec IE... abandonné momentanément
 * ----------------------------------------------------------*/
function showLoad () {
    e = $('content_map');
    e.style.display = 'none';

//	 element = $('content_ajax');
//	 element.style.display = 'none';
//	$('Loading').style.display = 'block';
}

/* -------------------------------------------------------------
 * Affichage de la réponse
 * ------------------------------------------------------------- */
function showResponse (originalRequest) {
    e = $('content_map');
    e.style.display = 'none';

	var newData = originalRequest.responseText;
	element = $('content_ajax');
	 $('Loading').style.display = 'none';
	element.style.display = 'block';
	element.innerHTML = newData;
}

/* -------------------------------------------------------------
 * Formulaire: remise à 0 des champs marqués en rouge car obligatoires
 * ------------------------------------------------------------- */
function restaureStyle(field) {
	element = $(field);
	element.setStyle({
		border: '0',
		backgroundColor: '#ffffff'
	});
}

/* -------------------------------------------------------------
 * Validation du formulaire
 * ------------------------------------------------------------- */
function checkForm(form){
	var form_valide = true;
	if (form.nom.value.length == 0) {
		$('nom').setStyle({
			border: '2',
			borderColor: 'red',
			backgroundColor: '#AD032E'
		});
		form_valide = false;
	}

	if (form.email.value.length == 0) {
		$('email').setStyle({
			border: '2',
			borderColor: 'red',
			backgroundColor: '#AD032E'
		});
		form_valide = false;
	}

	if (form.telephone.value.length == 0) {
	$('telephone').setStyle({
			border: '2',
			borderColor: 'red',
			backgroundColor: '#AD032E'
		});
		form_valide = false;
	}

	if(form_valide) {alert("Merci d'avoir rempli le formulaire\n\nLe responsable de cours vous contactera rapidement\nafin de répondre à toutes vos questions\n");}
	return form_valide;
}

/* -------------------------------------------------------------
 * Affichage des cartes GoogleMap
 * ------------------------------------------------------------- */
function initializeMap(latitude, longitude, data) {
	var element = document.getElementById('content_map');
	element.style.height = "400px";
	element.style.width = "500px";

    var e = document.getElementById('content_ajax');
    e.style.display = 'none';

	var element = document.getElementById('content_map');
	element.style.height = "400px";
	element.style.display = "block";
	element.style.width = "500px";

	var map = new GMap2(document.getElementById("content_map"));
	map.setCenter(new GLatLng(latitude,longitude), 16);
	map.setUIToDefault();

	var marker = new GMarker( new GLatLng(latitude,longitude) );

	map.addOverlay(marker);
	marker.openInfoWindowHtml(data)
  }

/* --------------------------------------------------------------
 * Défilement des flyers à droite
 * --------------------------------------------------------------
function loopFlyers(flyerNr) {
	flyerNr +=1;
	new Effect.Move('innerFlyerBox', { x: -140, y: 0, transition: Effect.Transitions.sinoidal });

	if (flyerNr>=10){
		flyerNr = 0;
		new Effect.Move('innerFlyerBox', { x: 1400, y: 0, transition: Effect.Transitions.sinoidal });
	}
	setTimeout("loopFlyers("+flyerNr+")", 3000);
}
*/

function moveToNext(offset) {
	new Effect.Move('imageFlyerBox', { x: offset, y: 0, transition: Effect.Transitions.sinoidal });
}