// JavaScript Document
$(document).ready(function(){
	
	//COMPTE CLIENT HEADER
	$(".inputText").focus(function () { 
		var valeur = $(this).attr("value");
		if(valeur == 'Mot de passe' || valeur == 'N° client'){
			$(this).attr("value","");
		}
	});
	$(".inputText").blur(function () { 
		var name = $(this).attr("name"); 
		var valeur = $(this).attr("value");
		if(name == 'numero'){
			if(valeur == ''){
				$(this).attr("value","N° client");					
			}
		}
		else if(name == 'password'){
			if(valeur == ''){
				$(this).attr("value","Mot de passe");					
			}
		}
	});
	//LISTE
	$(".liste-fade li p").hide(); 
	$(".liste-fade > li").mouseover(function() { 
		if($(this).find('p').is(":visible") == false) { 
			$(".liste-fade li h4").removeClass("active"); 
			$(".liste-fade li p").slideUp(250); 
			$(this).find('h4').addClass("active"); 
			$(this).find('p').slideDown(250); 
		} 
	});
	//FICHE PRODUIT
	$(".div-tab").hide();
	$(".div-prod").hide();
	$("#li-01").addClass("active");
	$("#div-01").show();
	$(".nav-div-tab li a").click(function(){
		var div = $(this).attr("class");
		$(this).parent("li").addClass("active");
		$("#"+div).show();
	});
	//LAYER FOOTER
	$(".lien-qui-sommes-nous").mouseover(function() {
		$('.layer-qui-sommes-nous').show();
	}).mouseout(function() {
		$('.layer-qui-sommes-nous').hide();
	});
	$(".layer-qui-sommes-nous").mouseover(function() {
		$(this).show();
	}).mouseout(function() {
		$(this).hide();
	});
	//FORM
	$("#nom").focus(function(){
		if ($(this).val() == 'Nom') {
			$(this).val('');
		}
	});
	$("#nom").blur(function(){
		if ($(this).val() == '') {
			$(this).val('Nom');
		}
	});
	
	$("#prenom").focus(function(){
		if ($(this).val() == 'Prénom') {
			$(this).val('');
		}
	});
	$("#prenom").blur(function(){
		if ($(this).val() == '') {
			$(this).val('Prénom');
		}
	});
	
	$("#email").focus(function(){
		if ($(this).val() == 'Email') {
			$(this).val('');
		}
	});
	$("#email").blur(function(){
		if ($(this).val() == '') {
			$(this).val('Email');
		}
	});
	
	//FORM2
	$("#nom2").focus(function(){
		if ($(this).val() == 'Nom') {
			$(this).val('');
		}
	});
	$("#nom2").blur(function(){
		var r = checkString( $(this).val());
		if ( r != false ) {
			vide('nom2');
		}
		else if ( r === false ) {
			erreur ('nom2', 'Le nom que vous avez saisi contient un ou plusieurs caractère(s) non autorisé(s)');
		}
		if ($(this).val() == '') {
			$(this).val('Nom');
		}
	});
	
	$("#prenom2").focus(function(){
		if ($(this).val() == 'Prénom') {
			$(this).val('');
		}
	});
	$("#prenom2").blur(function(){
		var r = checkString( $(this).val());
		if ( r != false ) {
			vide('prenom2');
		}
		else if ( r === false ) {
			erreur ('prenom2', 'Le prénom que vous avez saisi contient un ou plusieurs caractère(s) non autorisé(s)');
		}
		if ($(this).val() == '') {
			$(this).val('Prénom');
		}
	});
	
	$("#mail").focus(function(){
		
		if ($(this).val() == 'Adresse e-mail*') {
			$(this).val('');
		}
	});
	$("#mail").blur(function(){
		var r = checkEmail( $(this).val());
		if ( r != false ) {
			vide('mail');
		}
		else if ( r === false ) {
			erreur ('mail', 'Ce champ est obligatoire, merci de saisir une adresse e-mail correcte');
		}
		if ($(this).val() == '') {
			$(this).val('Adresse e-mail*');
		}
	});
	$("#message").focus(function(){
		if ($(this).val() == 'Votre demande*') {
			$(this).val('');
		}
	});
	$("#message").blur(function(){
		var r = checkCom( $(this).val());
		if ( r != false ) {
			vide('message');
		}
		else if ( r === false ) {
			erreur ('message', 'Le message que vous avez saisi contient un ou plusieurs caractère(s) non autorisé(s)');
		}
		if ($(this).val() == '') {
			$(this).val('Votre demande*');
		}
	});
});

function checkCom(value)
{
	if (value == '') {
		return 'vide';
	} else if (value.replace(/[<>\/%§£µ@$*&+#=\\]/, '') != value) {
		return false;
	} else return true;
}

function afficher(param){
	if(param != 1){
		$(".lien-pdf").hide();
	}else{
		$(".lien-pdf").show();
	}
	$(".nav-div-tab li").removeClass("active");
	$(".div-tab").hide();
	$(".div-prod").hide();
	$("#li-0"+param).addClass("active");
	$("#div-0"+param).show();
}

function submitForm(){
	if ( $("#nom").val() == 'Nom') {
		$("#nom").val('');
	}
	if ( $("#prenom").val() == 'Prénom') {
		$("#prenom").val('');
	}
	if ( $("#email").val() == 'Email') {
		$("#email").val('');
	}
	$("#form").submit();
}

function submitFormContact() {
	if ( $("#message").val() == 'Votre demande') {
		$("#message").val('');
	}
	if ( $("#nom2").val() == 'Nom') {
		$("#nom2").val('');
	}
	if ( $("#prenom2").val() == 'Prénom') {
		$("#prenom2").val('');
	}
	var valid = true;
	if ( checkString($("#nom2").val()) === false ) {
		erreur('nom2', 'Le nom que vous avez saisie contient un ou plusieurs caractère(s) non autorisé(s)');
		valid = false;
	}
	if ( checkString($("#prenom2").val()) === false ) {
		erreur('prenom2', 'Le prénom que vous avez saisie contient un ou plusieurs caractère(s) non autorisé(s)');
		valid = false;
	}
	if ( checkEmail( $("#mail").val()) != true ) {
		erreur('mail', 'Ce champ est obligatoire, merci de saisir une adresse e-mail correcte');
		valid = false;
	}
	if ( checkCom( $("#message").val()) == 'vide' ) {
		erreur('message', 'Ce champ est obligatoire');
		valid = false;
	}
	if ( checkCom( $("#message").val()) === false) {
		erreur ('message', 'Le message que vous avez saisi contient un ou plusieurs caractère(s) non autorisé(s)');
		valid = false;
	}
	if (valid === true ) {
		$("#formContact").submit();
	}

}

function checkString(value)
{
	if (value == '') {
		return 'vide';
	} else if (value.replace(/[<>"\/?%§£µ@!$*&+#=;\\]/, '') != value) {
		return false;
	} else return true;
}

function checkEmail(value)
{
	if (value == '') {
		return 'vide';
	} else if (value.replace(/[-\w._]+@\w+[.][a-z]{2,4}/i,'') != '') {
		return false;
	} else return true;
}

function vide(name) {
	$('.bool_'+name).removeClass("false");
	$('.bool_'+name).removeClass("true");
	$("#mess_"+name).html("");
	$("#mess_"+name).hide();
	if (name.replace('date', '') == name) {
		$("#"+name).css("border", "solid 1px #969590");
	} else {
		var j = name.replace('date', 'jour');
		var m = name.replace('date', 'mois');
		var a = name.replace('date', 'annee');
		$("#"+j).css("border", "solid 1px #969590");
		$("#"+m).css("border", "solid 1px #969590");
		$("#"+a).css("border", "solid 1px #969590");
	}
}

function ok(name) {
	$('.bool_'+name).removeClass("false");
	$('.bool_'+name).addClass('true');
	$("#mess_"+name).html("");
	$("#mess_"+name).hide();
	if (name.replace('date', '') == name) {
		$("#"+name).css("border", "solid 1px #969590");
	} else {
		var j = name.replace('date', 'jour');
		var m = name.replace('date', 'mois');
		var a = name.replace('date', 'annee');
		$("#"+j).css("border", "solid 1px #969590");
		$("#"+m).css("border", "solid 1px #969590");
		$("#"+a).css("border", "solid 1px #969590");
	}
}

function erreur(name, message) {
	$('.bool_'+name).removeClass("true");
	$('.bool_'+name).addClass('false');
	$("#mess_"+name).html(message);
	$("#mess_"+name).show();
	if (name.replace('date', '') == name) {
		$("#"+name).css("border", "solid 1px #FF0000");
	} else {
		var j = name.replace('date', 'jour');
		var m = name.replace('date', 'mois');
		var a = name.replace('date', 'annee');
		$("#"+j).css("border", "solid 1px #FF0000");
		$("#"+m).css("border", "solid 1px #FF0000");
		$("#"+a).css("border", "solid 1px #FF0000");
	}}
