var PageAccueil = {

	bloc_visible	: 'bloc_video',
	anim			: false,

	Init:function() {
		$("#background_attente").css('opacity', 0.8);
		// Ouverture / fermeture de la div inscription
		$("#lien_inscription").click( function() {			$("#lien_inscription").hide();
			if( !PageAccueil.anim ) {
				PageAccueil.anim = true;
				current = $("#bloc_inscription").css('height').split('px');
				current = (current == 'auto')? 0 : parseInt( current );
				taille	= (current == 0)? 211 : 0;
				if( !taille ) {
					$(".form_inscription").fadeOut(500, function() { 
						$("#bloc_inscription").animate(  { height: taille+"px" }, 600, function() {
							$("#bloc_video").show();
							PageAccueil.bloc_visible = 'bloc_video';
							PageAccueil.anim = false;
						} );
					} );
				}
				else {
					$("#"+PageAccueil.bloc_visible).hide();
					$("#bloc_inscription").animate( { height: taille+"px" }, 600, function() {
						$(".form_inscription").fadeIn(1000, function() {
							PageAccueil.bloc_visible = 'bloc_inscription';
							PageAccueil.anim = false;
						} );
					} );
				}
			}
		} );
		$("#lien_pass_perdu").click( function() {
			if( !PageAccueil.anim ) {
				PageAccueil.anim = true;
				if( PageAccueil.bloc_visible != 'bloc_pass_perdu' ) {
					if( PageAccueil.bloc_visible == 'bloc_video' ) {
						$("#bloc_video").hide();
						$("#bloc_pass_perdu").fadeIn(1000, function() { PageAccueil.anim = false; } );
					}
					else {
						$(".form_inscription").fadeOut(1000, function() { 
							$("#bloc_inscription").animate( { height: "0px" }, 600, function() { 
								$("#bloc_pass_perdu").fadeIn(1000, function() { PageAccueil.anim = false; } );
							} );
						} );
					}
					PageAccueil.bloc_visible = 'bloc_pass_perdu';
				}
				else {
					$("#bloc_pass_perdu").hide();
					$("#bloc_video").show();
					PageAccueil.bloc_visible = 'bloc_video';
					PageAccueil.anim = false;
				}
			}
		} );
		// Ajax inscription
		$("#valider_inscription").click( function() {
			attente_inscription(true);
			$(".retour_erreur").remove();
			$("label").removeClass("redcolor");
			var XHR = new XHRConnection();
			XHR.appendData("action"		, 'inscription' );
			XHR.appendData("pseudo"		, $("#pseudo").val() );
			XHR.appendData("email"		, $("#email").val() );
			XHR.appendData("pass1"		, $("#pass").val() );
			XHR.appendData("pass2"		, $("#confirm_mdp").val() );
			XHR.appendData("genre"		, $("#genre").val() );
			XHR.appendData("naissance"	, $("#naissance").val() );
			XHR.appendData("parrain"	, $("#parrain").val() );
			XHR.appendData("reglement"	, $("#reglement").is(":checked")? 1 : 0 );
			XHR.appendData("optin"		, $("#optin").is(":checked")? 1 : 0 );
			XHR.sendAndLoad("./ajax/accueil_externe.php", "POST", callback_inscription);
		} );
		// Ajax Pass Perdu
		$("#bt_pass_perdu").click( function() {
			var XHR = new XHRConnection();
			XHR.appendData("action"		, 'recup_pass' );
			XHR.appendData("email"		, $("#pass_email").val() );
			XHR.sendAndLoad("./ajax/accueil_externe.php", "POST", callback_pass_perdu);
		} );
	}
}

$(document).ready( function() {
	PageAccueil.Init();
	
	$.fn.qtip.styles.mystyle = { width:{ min : 150, max : 250 }, fontSize:12, textAlign: 'left', name: 'dark' };
	
} );


function attente_inscription( show ) {
	if( show )
		$("#background_attente").show();
	else
		$("#background_attente").hide();
}

var callback_inscription = function (obj) {
	// Redirection vers la page de création d'avatar en cas d'inscription réussie
	var tabResult = obj.responseXML.getElementsByTagName('redirect');
	if( tabResult.length > 0 ) 
        window.location = tabResult.item(0).getAttribute('target');
	else {
		// Affichage des erreurs en cas d'inscription échouée
		var tabResult = obj.responseXML.getElementsByTagName('erreur');
		if( tabResult.length > 0 ) {
	        for( var i=0; i<tabResult.length; i++ ) {
				element 	= tabResult.item(i).getAttribute('element');
				message 	= tabResult.item(i).firstChild.nodeValue;
				$("label[for="+element+"]").append("<img src='/design/accueil/croix_page_inscription.png' class='retour_erreur tip' title=\""+message+"\" />");
				$("label[for="+element+"]").addClass("redcolor");
				$('.ligne_inscription .tip').qtip( { style: { name: 'mystyle' } } );
			}
		}
		attente_inscription(false);
	}
}


var callback_pass_perdu = function (obj) {
	// Redirection vers la page de création d'avatar en cas d'inscription réussie
	var tabResult = obj.responseXML.getElementsByTagName('retour');
	if( tabResult.length > 0 ) 
        $("#message_pass_perdu").html("<span style='color:"+tabResult.item(0).getAttribute('color')+";'>"+tabResult.item(0).firstChild.nodeValue+"</span>");
}