var J = jQuery.noConflict();

J(function(){
								
				J(".ajout_categorie").colorbox();
				J(".popup").colorbox({width:300, height:250});
				 		  		
		  		// Alternating table rows:
		  		 J("table.zebra tbody tr").mouseover(function(){J(this).addClass("over");}).mouseout(function(){J(this).removeClass("over");});
   				 J('table.zebra tbody tr:even').addClass('alt-row');
   	
				
				// Datepicker
				J("#date_fin").datepicker({         showOtherMonths: true, 
													selectOtherMonths: true,
													changeMonth: true,
													changeYear: true,
													dateFormat: 'dd/mm/yy', 
													dayNamesMin: ['Di', 'Lu', 'Ma', 'Me', 'Je', 'Ve', 'Sa'],
													monthNames: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'],
													monthNamesShort: ['Jan', 'Fev', 'Mar', 'Avr', 'Mai', 'Juin', 'Juil', 'Aou', 'Sep', 'Oct', 'Nov', 'Dec'],
													nextText: 'Suivant',
													prevText: 'Précédent',
													showOn: 'both',
													buttonImage: '../../images/calendrier.jpg',
													buttonImageOnly: true,
													buttonText: 'Choisir la date de fin de contrat',
													minDate: 'd',
													showAnim: 'fadeIn'
													});  // fin date picker
													
				J("#date_naissance").datepicker({   showOtherMonths: true, 
													selectOtherMonths: true,
													changeMonth: true,
													changeYear: true,
													yearRange: '1900:2010',
													dateFormat: 'dd/mm/yy', 
													dayNamesMin: ['Di', 'Lu', 'Ma', 'Me', 'Je', 'Ve', 'Sa'],
													monthNames: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'],
													monthNamesShort: ['Jan', 'Fev', 'Mar', 'Avr', 'Mai', 'Juin', 'Juil', 'Aou', 'Sep', 'Oct', 'Nov', 'Dec'],
													nextText: 'Suivant',
													prevText: 'Précédent',
													showOn: 'both',
													buttonImage: '../../images/calendrier.jpg',
													buttonImageOnly: true,
													buttonText: 'Choisir la date de naissance',
													showAnim: 'fadeIn'
													});  // fin date picker
				// Validation Formulaire									
				
				J('#ajout_client').validationEngine({
												validationEventTriggers:"keyup blur",  //will validate on keyup and blur
												promptPosition: "topLeft" // OPENNING BOX POSITION, IMPLEMENTED: topLeft, topRight, bottomLeft,  centerRight, bottomRight
											})
											
				J('#contact').validationEngine({
												validationEventTriggers:"keyup blur",  //will validate on keyup and blur
												promptPosition: "topLeft" // OPENNING BOX POSITION, IMPLEMENTED: topLeft, topRight, bottomLeft,  centerRight, bottomRight
											})
				
				// Affichage dialogue + bouton	
				J("#dialog").dialog("destroy");

		var name = J("#name"),
			email = J("#email"),
			password = J("#password"),
			password1 = J("#password1"),
			password2 = J("#password2"),
			checkbox = J("#checkbox"),
			allFields = J([]).add(name).add(email).add(password).add(password1).add(password2),
			tips = J(".validateTips");
		
		function updateTips(t) {
			tips
				.text(t)
				.addClass('ui-state-highlight');
			setTimeout(function() {
				tips.removeClass('ui-state-highlight', 1500);
			}, 500);
		}
		
		function checkLength(o,n,min,max) {

			if ( o.val().length > max || o.val().length < min ) {
				o.addClass('ui-state-error');
				updateTips("La longueur du champs " + n + " doit être entre "+min+" et "+max+".");
				return false;
			} else {
				return true;
			}

		}
		
		function checkRegexp(o,regexp,n) {

			if ( !( regexp.test( o.val() ) ) ) {
				o.addClass('ui-state-error');
				updateTips(n);
				return false;
			} else {
				return true;
			}

		}

		function checkboxSixe(groupname) {	
			if ( J("input[name='"+groupname+"']:checked").size() < 1 ) {
				checkbox.addClass('ui-state-error');
				updateTips("Veuillez choisir au moins une option.");
				return false;
			} else {
				return true;
			}
		}
		
		function verif() {
			var pass1 = J("input#password1").val();
			var pass2 = J("input#password2").val();
			if( pass1 != pass2 ){	
				updateTips("Les 2 champs ne sont pas identiques.");
				return false;
			} else{
				return true;
			}
		}
		/* ********** Choix option espace demenageur ********** */
		J("#option-form").dialog({
			autoOpen: false,
			height: 400,
			width: 800,
			modal: true,
			resizable: true,
			buttons: {
				Valider: function() {
					var bValid = true;
					allFields.removeClass('ui-state-error');

					bValid = bValid && checkboxSixe("type_demenagement[]");
					bValid = bValid && checkboxSixe("departement[]");
					
					if (bValid) {
						document.options.submit();
						J(this).dialog('close');
					}
				},
				Annuler: function() {
					J(this).dialog('close');
				}
			},
			close: function() {
				allFields.val('').removeClass('ui-state-error');
			}
		});
		/* ********** FIN Choix option espace demenageur ********** */
		/* ********** Choix mot de passe espace demenageur ********** */
		J("#pass-form").dialog({
			autoOpen: false,
			height: 325,
			width: 350,
			modal: true,
			resizable: true,
			buttons: {
				Valider: function() {
					var bValid = true;
					allFields.removeClass('ui-state-error');

					bValid = bValid && checkLength(password1,"mot de passe",5,16);	
					bValid = bValid && checkLength(password2,"confirmation",5,16);				
					bValid = bValid && checkRegexp(password1,/^([0-9a-zA-Z])+$/,"Aucun caractère spécial n'est accepté");
					bValid = bValid && checkRegexp(password2,/^([0-9a-zA-Z])+$/,"Aucun caractère spécial n'est accepté");
					bValid = bValid && verif();
					
					if (bValid) {
						document.pass.submit();
						J(this).dialog('close');
					}
				},
				Annuler: function() {
					J(this).dialog('close');
				}
			},
			close: function() {
				allFields.val('').removeClass('ui-state-error');
			}
		});
		/* ********** Choix option espace demenageur ********** */
		/* ********** Login espace administrateur ********** */
		J("#admin-form").dialog({
			autoOpen: false,
			height: 300,
			width: 350,
			modal: true,
			resizable: false,
			buttons: {
				Valider: function() {
					var bValid = true;
					allFields.removeClass('ui-state-error');

					bValid = bValid && checkLength(name,"login",5,16);	
					bValid = bValid && checkLength(password,"mot de passe",5,16);	
					bValid = bValid && checkRegexp(password,/^([0-9a-zA-Z])+$/,"Aucun caractère spécial n'est accepté");
					
					if (bValid) {
						document.admin.submit();
						J(this).dialog('close');
					}
				},
				Annuler: function() {
					J(this).dialog('close');
				}
			},
			close: function() {
				allFields.val('').removeClass('ui-state-error');
			}
		});
		
		J('#create-user')
			.button()
			.click(function() {
				J('#option-form').dialog('open');
			});
			
		J('#update-pass')
			.button()
			.click(function() {
				J('#pass-form').dialog('open');
			});
			
		J('#admin')
			.button({
            		icons: {
                	primary: 'ui-icon-locked'
            		},
            		text: false
        	})
			.click(function() {
				J('#admin-form').dialog('open');
			});
			
		J('#devis1').button();
		J('#devis2').button();
		J('#devis3').button();
		
		// Fin Affichage dialogue + bouton							
				
			});    // fin function principale
			
			
function set_checked(checked) {
				J('input[name="departement[]"]').attr('checked', checked);
			}
function set_checked2(checked) {
				J('input[name="metier[]"]').attr('checked', checked);
			}
