var $j= jQuery.noConflict();

$j(document).ready(function()
{
	$j("a.inscri").click(openInscription);
	//$j("a[type='inscription']").click(openInscription);
	
	// PNGFIX pour IE<7
	$j(document).pngFix();
	
	// Evénements javascript bandeau
	$j("#form-login").find(".pseudo")
		.focus(function(){
			if(this.value == 'Pseudo')
				this.value = '';
		})
		.blur(function(){
			if(this.value == '')
				this.value = 'Pseudo';
		});

	$j("#form-login").find(".mdp").focus(focusPass);
	$j("#bouton-info").click(function(){
		$j('#info-mdp').toggle();
	});
	
	$j("a#openVideo").click(openVideo);
	// Select langues
	$j("a#lang-select").click(function(){
		$j('#pop-langues').toggle();
	});
});

function openVideo() 
{
	var overlay = $j("#overlay");
	
	overlay.height($j(document).height());
	overlay.fadeIn(100);
	
	var popInInscription = $j('#form-inscription-popin');
	popInInscription.fadeOut(100, function()
	{
		popInInscription.find('form > div').hide();
		popInInscription.find('#form-video').show();
		popInInscription.css({
				left: (($j(document).width()-popInInscription.width())/2)+"px",
				top: "75px"
		});
		
		popInInscription.find('#form-inscription-popin-top').text("");
		popInInscription.fadeIn(100, function() {
			popInInscription.find('#form-inscription-popin-step-1').find('input.rouge').click(goToStep2);
		});

	});
	
	overlay.click(closeInscription);
}

function openInscription() 
{
	//alert("inscription")
	var overlay = $j("#overlay");
	var popInInscription = $j('#form-inscription-popin');
	
	overlay.height($j(document).height());
	overlay.fadeIn(100);
	popInInscription.find('form > div').hide();
	popInInscription.find('#form-video').hide();
	popInInscription.find('#error').text("");
	popInInscription.find('#pseudo-inscr').css('background-color',"#FFF");
	popInInscription.find('#mdp-inscr').css('background-color',"#FFF");
	popInInscription.find('#mail-inscr').css('background-color',"#FFF");
	popInInscription.find('#form-inscription-popin-top').html("<p>Pour continuer &agrave; naviguer, vous devez remplir ces champs :</p>");
	popInInscription.find('#form-inscription-popin-step-1').show();
	
	popInInscription.css({
			left: (($j(document).width()-popInInscription.width())/2)+"px",
			top: ((($j(window).height()-popInInscription.height())/2)+$j(document).scrollTop())+"px"
	});
	popInInscription.fadeIn(100, function() {
		popInInscription.find('#form-inscription-popin-step-1').find('input.rouge').click(goToStep2);
	});

	overlay.click(closeInscription);
	
	
}
function goToStep1() 
{
	var popInInscription = $j('#form-inscription-popin');
	popInInscription.fadeOut(100, function()
	{
		popInInscription.find('form > div').hide();
		popInInscription.find('#form-inscription-popin-step-1').show();
		popInInscription.css({
				left: (($j(document).width()-popInInscription.width())/2)+"px",
				top: ((($j(window).height()-popInInscription.height())/2)+$j(document).scrollTop())+"px"
		});
		popInInscription.fadeIn(100, function() {
			popInInscription.find('#form-inscription-popin-step-1').find('input.rouge').click(goToStep2);
		});

	});
}
function goToStep2() 
{
	if( $j('#drouleCp').val() != "" )
		subscr.cp._RequestCp();
		
	var popInInscription = $j('#form-inscription-popin');
	
	if( $j('#pseudo-inscr').val() == "" || $j('#mdp-inscr').val() == "" || $j('#mail-inscr').val() == "" ){
		
		popInInscription.find('#form-inscription-popin-step-2').find('input.vert').click(goToStep1);
		
		if( $j('#pseudo-inscr').val() == "" ){
			popInInscription.find('#pseudo-inscr').css('background-color',"#FF0000");
			popInInscription.find('#pseudo-inscr').css('color',"#FFF");
		}else{
			popInInscription.find('#pseudo-inscr').css('background-color',"#FFF");
			popInInscription.find('#pseudo-inscr').css('color',"#41465b");
		}
		
		if( $j('#mdp-inscr').val() == "" ){
			popInInscription.find('#mdp-inscr').css('background-color',"#FF0000");
			popInInscription.find('#mdp-inscr').css('color',"#FFF");
		}else{
			popInInscription.find('#mdp-inscr').css('background-color',"#FFF");
			popInInscription.find('#mdp-inscr').css('color',"#41465b");
		}
		
		if( $j('#mail-inscr').val() == "" ){
			popInInscription.find('#mail-inscr').css('background-color',"#FF0000");
			popInInscription.find('#mail-inscr').css('color',"#FFF");
		}else{
			popInInscription.find('#mail-inscr').css('background-color',"#FFF");
			popInInscription.find('#mail-inscr').css('color',"#41465b");
		}
			
		popInInscription.find('#error').text("Vous devez remplir tous les champs");
		popInInscription.find('#error').css('color',"#FF0000");
			
	}else{
	
		var re1= /^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]{2,7}$/; /*expr regul pour l'email */
		var re2 = /([^a-zA-Z0-9_-]+)/; /*expr regul pour pseudo*/
		

		if( $j('#pseudo-inscr').val().match(re2) || $j('#mdp-inscr').val().match(re2) || !$j('#mail-inscr').val().match(re1) || $j('#mdp-inscr').val().length < 4 || $j('#mdp-inscr').val().length > 10 || $j('#pseudo-inscr').val().length < 3 || $j('#pseudo-inscr').val().length > 20 ) {
					
				if( !$j('#mail-inscr').val().match(re1) )	{
					
					popInInscription.find('#mail-inscr').css('background-color',"#FF0000");
					popInInscription.find('#error').html("<p>Le format de l'email est incorrect !</p>");
					popInInscription.find('#error').css('color',"#FF0000");
					popInInscription.find('#mail-inscr').css('color',"#FFF");
				}else{
					
					
					popInInscription.find('#mail-inscr').css('background-color',"#FFF");	
					popInInscription.find('#mail-inscr').css('color',"#41465b");
				}
				
				if( $j('#mdp-inscr').val().length < 4 || $j('#mdp-inscr').val().length > 10 || $j('#mdp-inscr').val().match(re2) )	{
					
					
					popInInscription.find('#mdp-inscr').css('background-color',"#FF0000");
					popInInscription.find('#error').html("<p>Le mot de passe doit &ecirc;tre compris entre 4 et 10 caract&egrave;res alphanum&eacute;riques !</p>");
					popInInscription.find('#error').css('color',"#FF0000");
					popInInscription.find('#mdp-inscr').css('color',"#FFF");
				}else{
					
					
					popInInscription.find('#mdp-inscr').css('background-color',"#FFF");	
					popInInscription.find('#mdp-inscr').css('color',"#41465b");
				}
				
				if( $j('#pseudo-inscr').val().match(re2) || $j('#pseudo-inscr').val().length < 3 || $j('#pseudo-inscr').val().length > 20 )	{
					
					popInInscription.find('#pseudo-inscr').css('background-color',"#FF0000");
					popInInscription.find('#error').html("<p>Le pseudo doit &ecirc;tre compris entre 3 et 20 caract&egrave;res alphanum&eacute;riques (le - et le _ sont autoris&eacute;) !</p>");
					popInInscription.find('#error').css('color',"#FF0000");
					popInInscription.find('#pseudo-inscr').css('color',"#FFF");
					
				}else{
					
					popInInscription.find('#pseudo-inscr').css('background-color',"#FFF");	
					popInInscription.find('#pseudo-inscr').css('color',"#41465b");
				}
				

		}else{
			
			popInInscription.find('#error').text("");
			popInInscription.find('#pseudo-inscr').css('background-color',"#FFF");
			popInInscription.find('#mdp-inscr').css('background-color',"#FFF");
			popInInscription.find('#mail-inscr').css('background-color',"#FFF");
			popInInscription.find('#pseudo-inscr').css('color',"#41465b");
			popInInscription.find('#mdp-inscr').css('color',"#41465b");
			popInInscription.find('#mail-inscr').css('color',"#41465b");
				
					
					 $j.ajax({
					   type: "POST",
					   url: "http://www.ydyle.com/modules/home/inscription/is_exist.php",
					   data: "value="+$j('#pseudo-inscr').val()+"&type=pseudo&lang=fr",
					   success: function(msg){
							
							if( msg == "ok" ){
								
								$j.ajax({
								   type: "POST",
								   url: "http://www.ydyle.com/modules/home/inscription/is_exist.php",
								   data: "value="+$j('#mail-inscr').val()+"&type=email&lang=fr",
								   success: function(msg){
										
										if( msg == "ok" ){
											
										
											popInInscription.fadeOut(100, function()
											{
												popInInscription.find('form > div').hide();
												popInInscription.find('#form-inscription-popin-step-2').show();
												popInInscription.css({
													left: (($j(document).width()-popInInscription.width())/2)+"px",
													top: ((($j(window).height()-popInInscription.height())/2)+$j(document).scrollTop())+"px"
												});
												popInInscription.fadeIn(100, function() {
													popInInscription.find('#form-inscription-popin-step-2').find('input.rouge').click(goToStep3);
													popInInscription.find('#form-inscription-popin-step-2').find('input.vert').click(goToStep1);
												});
											});
											
										}else{
											popInInscription.find('#mail-inscr').css('background-color',"#FF0000");
											popInInscription.find('#mail-inscr').css('color',"#FFF");
											popInInscription.find('#error').text("Cet email est déjà utilisé");
											popInInscription.find('#error').css('color',"#FF0000");
										}
									
									
								   }
								 });
							
								
								
							}else{
								popInInscription.find('#pseudo-inscr').css('background-color',"#FF0000");
								popInInscription.find('#pseudo-inscr').css('color',"#FFF");
								popInInscription.find('#error').text("Ce pseudo est déjà utilisé");
								popInInscription.find('#error').css('color',"#FF0000");
							}
						
						
					   }
					 });

			
			
		}
		
		
	}
}
function goToStep3() 
{
		
	var popInInscription = $j('#form-inscription-popin');
	
	if( $j('#sexe-inscr').val() == "" || $j('#relation-inscr').val() == "" || $j('#orientation-inscr').val() == "" || $j('#pays').val() == "" || $j('#drouleCp').val() == "" || $j('#drouleCp').val() == "Saisissez votre code postal" || $j('#birthDay').val() == "" || $j('#birthMonth').val() == "" || $j('#birthYear').val() == "" || $j('#birthDay').val() == "JJ" || $j('#birthMonth').val() == "MM" || $j('#birthYear').val() == "AAAA"){
		
		popInInscription.find('#form-inscription-popin-step-3').find('input.vert').click(goToStep2);
		
		if( $j('#sexe-inscr').val() == "" ){
			popInInscription.find('#sexe-inscr').css('background-color',"#FF0000");
			popInInscription.find('#sexe-inscr').css('color',"#FFF");
		}else{
			popInInscription.find('#sexe-inscr').css('background-color',"#FFF");
			popInInscription.find('#sexe-inscr').css('color',"#41465b");
		}
		
		if( $j('#relation-inscr').val() == "" ){
			popInInscription.find('#relation-inscr').css('background-color',"#FF0000");
			popInInscription.find('#relation-inscr').css('color',"#FFF");
		}else{
			popInInscription.find('#relation-inscr').css('background-color',"#FFF");
			popInInscription.find('#relation-inscr').css('color',"#41465b");
		}
		
		if( $j('#orientation-inscr').val() == "" ){
			popInInscription.find('#orientation-inscr').css('background-color',"#FF0000");
			popInInscription.find('#orientation-inscr').css('color',"#FFF");
		}else{
			popInInscription.find('#orientation-inscr').css('background-color',"#FFF");
			popInInscription.find('#orientation-inscr').css('color',"#41465b");
		}
		
		if( $j('#pays').val() == "" ){
			popInInscription.find('#pays').css('background-color',"#FF0000");
			popInInscription.find('#pays-inscr').css('color',"#FFF");
		}else{
			popInInscription.find('#pays').css('background-color',"#FFF");
			popInInscription.find('#pays-inscr').css('color',"#41465b");
		}
		
		if( $j('#drouleCp').val() == "" || $j('#drouleCp').val() == "Saisissez votre code postal" ){
			popInInscription.find('#drouleCp').css('background-color',"#FF0000");
			popInInscription.find('#drouleCp').css('color',"#FFF");
		}else{
			popInInscription.find('#drouleCp').css('background-color',"#FFF");
			popInInscription.find('#drouleCp').css('color',"#41465b");
		}
		
		if( $j('#birthDay').val() == "" || $j('#birthDay').val() == "JJ" ){
			popInInscription.find('#birthDay').css('background-color',"#FF0000");
			popInInscription.find('#birthDay').css('color',"#FFF");
		}else{
			popInInscription.find('#birthDay').css('background-color',"#FFF");
			popInInscription.find('#birthDay').css('color',"#41465b");
		}
		
		if( $j('#birthMonth').val() == "" || $j('#birthMonth').val() == "MM" ){
			popInInscription.find('#birthMonth').css('background-color',"#FF0000");
			popInInscription.find('#birthMonth').css('color',"#FFF");
		}else{
			popInInscription.find('#birthMonth').css('background-color',"#FFF");
			popInInscription.find('#birthMonth').css('color',"#41465b");
		}
		
		if( $j('#birthYear').val() == "" || $j('#birthYear').val() == "AAAA" ){
			popInInscription.find('#birthYear').css('background-color',"#FF0000");
			popInInscription.find('#birthYear').css('color',"#FFF");
		}else{
			popInInscription.find('#birthYear').css('background-color',"#FFF");
			popInInscription.find('#birthYear').css('color',"#41465b");
		}
			
		popInInscription.find('#error2').text("Vous devez remplir tous les champs");
		popInInscription.find('#error2').css('color',"#FF0000");
			
	}else{
	
	
		popInInscription.find('#error2').text("");
		popInInscription.find('#sexe-inscr').css('background-color',"#FFF");
		popInInscription.find('#orientation-inscr').css('background-color',"#FFF");
		popInInscription.find('#pays').css('background-color',"#FFF");
		popInInscription.find('#drouleCp').css('background-color',"#FFF");
		popInInscription.find('#birthDay').css('background-color',"#FFF");
		popInInscription.find('#birthMonth').css('background-color',"#FFF");
		popInInscription.find('#birthYear').css('background-color',"#FFF");
		popInInscription.find('#sexe-inscr').css('color',"#41465b");
		popInInscription.find('#orientation-inscr').css('color',"#41465b");
		popInInscription.find('#pays').css('color',"#41465b");
		popInInscription.find('#drouleCp').css('color',"#41465b");
		popInInscription.find('#birthDay').css('color',"#41465b");
		popInInscription.find('#birthMonth').css('color',"#41465b");
		popInInscription.find('#birthYear').css('color',"#41465b");
		
		
		var re3 = /([^0-9]+)/; /*expr regul pour pseudo*/
		
		if( $j('#birthDay').val().match(re3) || $j('#birthMonth').val().match(re3) || $j('#birthYear').val().match(re3) ){
			
			if( $j('#birthDay').val().match(re3) ){
				
				popInInscription.find('#birthDay').css('background-color',"#FF0000");
				popInInscription.find('#birthDay').css('color',"#FFF");
				
			}else{
				popInInscription.find('#birthDay').css('background-color',"#FFF");
				popInInscription.find('#birthDay').css('color',"#41465b");
			}
			
			if( $j('#birthMonth').val().match(re3) ){
				
				popInInscription.find('#birthMonth').css('background-color',"#FF0000");
				popInInscription.find('#birthMonth').css('color',"#FFF");
				
			}else{
				popInInscription.find('#birthMonth').css('background-color',"#FFF");
				popInInscription.find('#birthMonth').css('color',"#41465b");
			}
			
			if( $j('#birthYear').val().match(re3) ){
				
				popInInscription.find('#birthYear').css('background-color',"#FF0000");
				popInInscription.find('#birthYear').css('color',"#FFF");
				
			}else{
				popInInscription.find('#birthYear').css('background-color',"#FFF");
				popInInscription.find('#birthYear').css('color',"#41465b");
			}
			
			
			popInInscription.find('#error2').text("Le format de la date comporte une erreur (JJ/MM/AAAA)");
			popInInscription.find('#error2').css('color',"#FF0000");
			
		}else{
			
			popInInscription.fadeOut(100, function()
			{
				popInInscription.find('#form-inscription-popin-top').children().text('Avant de continuer, nous vous conseillons d\'ajouter une')
				.parent().next().css('padding-top',0);
				popInInscription.find('#form-inscription-popin-step-2').hide();
				popInInscription.find('#form-inscription-popin-step-3').show();
				popInInscription.css({
					left: (($j(document).width()-popInInscription.width())/2)+"px",
					top: ((($j(window).height()-popInInscription.height())/2)+$j(document).scrollTop())+"px"
				});
				popInInscription.fadeIn(100, function()
				{
					popInInscription.find('#form-inscription-popin-step-3').find('input.vert').click(goToStep2);
				});
			});
		}
	
		
	}
}
function closeInscription () {
	$j('#form-inscription-popin').fadeOut(100, function() {
		$j("#overlay").fadeOut(100);
	});
}
function focusPass(){
	if(($j(this).val()=="Mot de passe")&&($j(this).attr("type")=="text")){
		$j(this).before('<input type="password" name="pwd" value="" class="mdp" id="mdp0"/>');
		$j("input#mdp0").focus()
		$j("input#mdp0").blur(blurPass)
		$j(this).remove()
	}
}

function blurPass(){
	if(($j(this).val()=="")&&($j(this).attr("type")=="password")){
		$j(this).before('<input type="text" name="pwd" value="Mot de passe" class="mdp" id="mdp1"/>');
		$j("input#mdp1").focus(focusPass)
		$j(this).remove()
	}
}