jQuery(document).ready(function(){

	jQuery('.formquicksearchSUBMIT2').click(function(){
		jQuery('.forms_full').show("fast");
		jQuery('#form_searchdetails').show("fast");
		return false;
	});
	
	// ***** INSCRIPTION ****** //
	jQuery('#create_account').click(function(){
		jQuery('body').css("overflow","hidden");
		jQuery("#osx-modal-content").modal({
			overlayId: 'osx-overlay',
			containerId: 'osx-container',
			closeHTML: '<div class="close"><a href="#" class="simplemodal-close">x</a></div>',
			minHeight:80,
			opacity:65, 
			position:['0',],
			overlayClose:true,
			onOpen:OSX.open,
			onClose:OSX.close
		});
	
	});
	
	var OSX = {
		container: null,
		open: function (d) {
			var self = this;
			self.container = d.container[0];
			d.overlay.fadeIn('slow', function () {
				jQuery("#osx-modal-content", self.container).show();
				var title = jQuery("#osx-modal-title", self.container);
				title.show();
				d.container.slideDown('slow', function () {
					setTimeout(function () {
						var h = jQuery("#osx-modal-data", self.container).height()
							+ title.height()
							+ 20; // padding
						d.container.animate(
							{height: h}, 
							200,
							function () {
								jQuery("div.close", self.container).show();
								jQuery("#osx-modal-data", self.container).show();
							}
						);
					}, 300);
				});
			})
		},
		close: function (d) {
			var self = this;
			d.container.animate(
				{top:"-" + (d.container.height() + 20)},
				500,
				function () {
					self.close();
					jQuery('body').css("overflow","auto");
					// or jQuery.modal.close();
				}
			);
		}
	};
	// ***** FIN INSCRIPTION ****** //
	
	
	
	
	// ***** PASSWORD FORGET ****** //
	jQuery('#forget_pass').click(function(){
		
		jQuery('body').css("overflow","hidden");
		jQuery("#osx-modal-content2").modal({
			overlayId: 'osx-overlay2',
			containerId: 'osx-container2',
			closeHTML: '<div class="close"><a href="#" class="simplemodal-close">x</a></div>',
			minHeight:80,
			opacity:65, 
			position:['0',],
			overlayClose:true,
			onOpen:OSX2.open,
			onClose:OSX2.close
		});
		return(false);
	
	});
	
	var OSX2 = {
		container: null,
		open: function (d) {
			var self = this;
			self.container = d.container[0];
			d.overlay.fadeIn('slow', function () {
				jQuery("#osx-modal-content2", self.container).show();
				var title = jQuery("#osx-modal-title2", self.container);
				title.show();
				d.container.slideDown('slow', function () {
					setTimeout(function () {
						var h = jQuery("#osx-modal-data2", self.container).height()
							+ title.height()
							+ 20; // padding
						d.container.animate(
							{height: h}, 
							200,
							function () {
								jQuery("div.close", self.container).show();
								jQuery("#osx-modal-data2", self.container).show();
							}
						);
					}, 300);
				});
			})
		},
		close: function (d) {
			var self = this;
			d.container.animate(
				{top:"-" + (d.container.height() + 20)},
				500,
				function () {
					self.close();
					jQuery('body').css("overflow","auto");
					// or jQuery.modal.close();
				}
			);
		}
	};
	// ***** FIN PASSWORD FORGET ****** //
	
	// ***** FORM WANTED ****** //
	jQuery('.formquicksearchSUBMIT2').click(function(){
	
		jQuery('body').css("overflow","hidden");
		jQuery("#osx-modal-content4").modal({
			overlayId: 'osx-overlay4',
			containerId: 'osx-container4',
			closeHTML: '<div class="close"><a href="#" class="simplemodal-close">x</a></div>',
			minHeight:80,
			opacity:65, 
			position:['0',],
			overlayClose:true,
			onOpen:OSX4.open,
			onClose:OSX4.close
		});
	
	});
	
	var OSX4 = {
		container: null,
		open: function (d) {
			var self = this;
			self.container = d.container[0];
			d.overlay.fadeIn('slow', function () {
				jQuery("#osx-modal-content4", self.container).show();
				var title = jQuery("#osx-modal-title4", self.container);
				title.show();
				d.container.slideDown('slow', function () {
					setTimeout(function () {
						var h = jQuery("#osx-modal-data4", self.container).height()
							+ title.height()
							+ 20; // padding
						d.container.animate(
							{height: h}, 
							200,
							function () {
								jQuery("div.close", self.container).show();
								jQuery("#osx-modal-data4", self.container).show();
							}
						);
					}, 300);
				});
			})
		},
		close: function (d) {
			var self = this;
			d.container.animate(
				{top:"-" + (d.container.height() + 20)},
				500,
				function () {
					self.close();
					jQuery('body').css("overflow","auto");
					// or jQuery.modal.close();
				}
			);
		}
	};
	// ***** FIN FORM WANTED ****** //
	
	// ***** FORM RECHERCHE AVANCEE ****** //
	jQuery('#wanted_add').click(function(){
	
		jQuery('body').css("overflow","hidden");
		jQuery("#osx-modal-content3").modal({
			overlayId: 'osx-overlay3',
			containerId: 'osx-container3',
			closeHTML: '<div class="close"><a href="#" class="simplemodal-close">x</a></div>',
			minHeight:80,
			opacity:65, 
			position:['0',],
			overlayClose:true,
			onOpen:OSX3.open,
			onClose:OSX3.close
		});
	
	});
	
	var OSX3 = {
		container: null,
		open: function (d) {
			var self = this;
			self.container = d.container[0];
			d.overlay.fadeIn('slow', function () {
				jQuery("#osx-modal-content3", self.container).show();
				var title = jQuery("#osx-modal-title3", self.container);
				title.show();
				d.container.slideDown('slow', function () {
					
					setTimeout(function () {
						var h = jQuery("#osx-modal-data3", self.container).height()
							+ title.height()
							+ 20; // padding
						d.container.animate(
							{height: h}, 
							200,
							function () {
								jQuery("div.close", self.container).show();
								jQuery("#osx-modal-data3", self.container).show();
							}
						);
					}, 300);
				});
			})
		},
		close: function (d) {
			var self = this;
			d.container.animate(
				{top:"-" + (d.container.height() + 20)},
				500,
				function () {
					self.close();
					jQuery('body').css("overflow","auto");
					// or jQuery.modal.close();
				}
			);
		}
	};
	// ***** FIN RECHERCHE AVANCEE ****** //
	
	
	// ***** DETAILS ***** //
	
	// ***** FIN DETAILS ***** //
	
	//global vars
	var form = jQuery("#customForm");
	var nameInfo = jQuery("#nameInfo");
	var firstnameInfo = jQuery("#firstnameInfo");
	var emailInfo = jQuery("#emailInfo");
	var confirmemailInfo = jQuery("#confirmemailInfo");
	var pass1Info = jQuery("#pass1Info");
	var pass2Info = jQuery("#pass2Info");
	
	var name = jQuery("#name");
	var firstname = jQuery("#firstname");
	var email = jQuery("#email");
	var confirmemail = jQuery("#confirmemail");
	var pass1 = jQuery("#pass1");
	var pass2 = jQuery("#pass2");
	
	
	
	var email_forget = jQuery("#email_forget");
	var email_forgetInfo = jQuery("#email_forgetInfo");
	
	email_forget.blur(validateEmail2);
	
	//On blur
	name.blur(validateName);
	firstname.blur(validateFirstName);
	email.blur(validateEmail);
	confirmemail.blur(validateEmail3);
	pass1.blur(validatePass1);
	pass2.blur(validatePass2);
	//On key press
	name.keyup(validateName);
	firstname.keyup(validateFirstName);
	pass1.keyup(validatePass1);
	pass2.keyup(validatePass2);
	
	
	jQuery('#send2').click( function(){
		//msg="erreur";
		if(validateEmail2()){
			var val_email = jQuery("#email_forget").attr('value');
			
			jQuery.post(
				"passwordforget.php",
				"email="+val_email,
				function(data, textStatus){
					jQuery('#osx-modal-data2').html(data);
				},
				'html'
			);
		}
		return (false);
	});
			
	
	//On Submitting
	jQuery('#send').click( function(){
		//netscape.security.PrivilegeManager.enablePrivilege('UniversalBrowserRead');

		if(validateName() & validateFirstName() & validateEmail() & validateEmail3() & validatePass1() & validatePass2()){
			
			
			var val_name = jQuery("#name").attr('value');
			var val_firstname = jQuery("#firstname").attr('value');
			var val_email = jQuery("#email").attr('value');
			var val_confirmemail = jQuery("#confirmemail").attr('value');
			var val_pass1 = jQuery("#pass1").attr('value');
			var val_company = jQuery("#company").attr('value');
			var val_address = jQuery("#address").attr('value');
			var val_postalcode = jQuery("#postalcode").attr('value');
			var val_city = jQuery("#city").attr('value');
			var val_internetsite = jQuery("#internetsite").attr('value');
			var val_country = jQuery('#country option[selected]').attr('value');
			
			var val_connu = jQuery('#connu option[selected]').attr('value');
			var val_activity = jQuery('#activity option[selected]').attr('value');
			var val_logocompany = jQuery('#logocompany').attr('value');
			
			if(jQuery('#inscription_newsletter1[checked]')){
				var news = 1;
			}else{
				var news = 0;
			}
			//alert(news);
			
			jQuery('#form_inscription').submit();
			jQuery('.forms_full').hide("slow");
			jQuery('#form_insription').hide("slow");
			
			
			jQuery.post(
				"inscription.php",
				jQuery('#form_inscription').serialize(),//"name="+val_name+"&firstname="+val_firstname+"&email="+val_email+"&pass="+val_pass1+"&company="+val_company+"&address="+val_address+"&postalcode="+val_postalcode+"&city="+val_city+"&internetsite="+val_internetsite+"&country="+val_country+"&news="+news+"&connu="+val_connu+"&activity="+val_activity+"&logocompany="+val_logocompany,				
				function(data, textStatus){
					jQuery('#osx-modal-data').html(data.name);
					jQuery('#osx-modal-data').css("height","120");
				},
				'json'
			); 
			
	

			
			return false;
		}else{
			
			return false;
		}
	});
	
	//validation functions
	function validateEmail(){
		//testing regular expression
		var a = jQuery("#email").val();
		var filter = /^[a-zA-Z0-9]+[a-zA-Z0-9_.-]+[a-zA-Z0-9_-]+@[a-zA-Z0-9]+[a-zA-Z0-9.-]+[a-zA-Z0-9]+.[a-z]{2,4}$/;
		
		//if it's valid email
		if(filter.test(a)){
			email.removeClass("error");
			emailInfo.text("Email Valid !");
			emailInfo.removeClass("error");
			return true;
		}
		//if it's NOT valid
		else{
			email.addClass("error");
			emailInfo.text("Ex : paul.dupond@gmail.com");
			emailInfo.addClass("error");
			
		}
	}
	
	function validateEmail3(){
		//testing regular expression
		var a = jQuery("#confirmemail").val();
		var b = jQuery("#email").val();
		var filter = /^[a-zA-Z0-9]+[a-zA-Z0-9_.-]+[a-zA-Z0-9_-]+@[a-zA-Z0-9]+[a-zA-Z0-9.-]+[a-zA-Z0-9]+.[a-z]{2,4}$/;
		
		//if it's valid email
		if(filter.test(a)){
			if(a == b){
			confirmemail.removeClass("error");
			confirmemailInfo.text("Email Valid !");
			confirmemailInfo.removeClass("error");
			
			return true;
			}
			else{
			confirmemail.addClass("error");
			confirmemailInfo.text("Ex : paul.dupond@gmail.com");
			confirmemailInfo.addClass("error");
			}
		}
		//if it's NOT valid
		else{
			confirmemail.addClass("error");
			confirmemailInfo.text("Ex : paul.dupond@gmail.com");
			confirmemailInfo.addClass("error");
			
		}
	}
	
	function validateEmail2(){
		//testing regular expression
		var a = jQuery("#email_forget").val();
		var filter = /^[a-zA-Z0-9]+[a-zA-Z0-9_.-]+[a-zA-Z0-9_-]+@[a-zA-Z0-9]+[a-zA-Z0-9.-]+[a-zA-Z0-9]+.[a-z]{2,4}$/;
		
		//if it's valid email
		if(filter.test(a)){
			email.removeClass("error");
			email_forgetInfo.text("Email Valid !");
			email_forgetInfo.removeClass("error");
			return true;
		}
		//if it's NOT valid
		else{
			email_forget.addClass("error");
			email_forgetInfo.text("Ex : paul.dupond@gmail.com");
			email_forgetInfo.addClass("error");
			return false;
		}
	}
	
	function validateName(){
		//if it's NOT valid
		if(name.val().length < 4){
			name.addClass("error");
			nameInfo.text("Ex : Dupond, Dupont");
			nameInfo.addClass("error");
			
		}
		//if it's valid
		else{
			name.removeClass("error");
			nameInfo.text("Name Valid !");
			nameInfo.removeClass("error");
			return true;
		}
	}
	
	function validateFirstName(){
		//if it's NOT valid
		if(firstname.val().length < 3){
			firstname.addClass("error");
			firstnameInfo.text("Ex : Paul, John, Jacques");
			firstnameInfo.addClass("error");
			
		}
		//if it's valid
		else{
			firstname.removeClass("error");
			firstnameInfo.text("First Name Valid!");
			firstnameInfo.removeClass("error");
			return true;
		}
	}
	
	function validatePass1(){
		var a = jQuery("#password1");
		var b = jQuery("#password2");

		//it's NOT valid
		if(pass1.val().length <5){
			pass1.addClass("error");
			pass1Info.text("The password must contain at least 5 alphanumeric characters !");
			pass1Info.addClass("error");
			
		}
		//it's valid
		else{			
			pass1.removeClass("error");
			pass1Info.text("Password Valid !");
			pass1Info.removeClass("error");
			validatePass2();
			return true;
		}
	}
	function validatePass2(){
		var a = jQuery("#password1");
		var b = jQuery("#password2");
		//are NOT valid
		if( pass1.val() != pass2.val() || pass2.val()=="" ){
			pass2.addClass("error");
			pass2Info.text("Confirm the password entered above !");
			pass2Info.addClass("error");
			
		}
		//are valid
		else{
			pass2.removeClass("error");
			pass2Info.text("Confirm Valid !");
			pass2Info.removeClass("error");
			return true;
		}
	}

});