$(document).ready(function() {

$('#ss01') 

	.before('<div id="cycleNav">') 
	.cycle({ 
		fx:      'fade', 
		speed:   1500, 
		timeout:  5000,
		pager:  '#cycleNav',
		pause:   1
	});
	
});

//Navigation
$(document).ready(function() {
  var toggle = function(direction, display) {
    return function() {
      var self = this;
      var ul = $("ul", this);
      if( ul.css("display") == display && !self["block" + direction] ) {
        self["block" + direction] = true;
        ul["slide" + direction]("fast", function() {
          self["block" + direction] = false;
        });
      }
    };
  }
  $("li.menu").hover(toggle("Down", "none"), toggle("Up", "block"));
  $("li.menu ul").hide();
});

$(function(){
	$("ul#mainNav li ul").hover(function(){
	$(this).parent().addClass("hoversub");
	},function(){
    $(this).parent().removeClass("hoversub");
	});
});

// Validation Formulaire de contact

$(document).ready(function() {
						 
	jQuery.validator.addMethod("phone", function (value, el, params) {
	return this.optional(el) || /^[01]?[- .]?\(?[2-9]\d{2}\)?[- .]?\d{3}[- .]?\d{4}$/.test(value);
	}, "Veuillez entrer un numéro téléphone valide.");

      
    var validator = $("#sendMail").bind("invalid-form.validate", function() {
		
	}).validate({
            
            rules: {
        		phone: {
        				phone: true
        			}
        		},
            messages: {
            name: "Ce champ est requis",
			sujet: "Ce champ est requis",
			email: {
            required: 'Ce champ est requis',
            email: 'Adresse invalide'
            },
            phone: {
            required: 'Ce champ est requis',
			phone: 'Num&eacute;ro invalide'
            },
              message: "Ce champ est requis"
            },
              submitHandler: function(form) {
              jQuery(form).ajaxSubmit({
              target: "#sendMail",
                  success: function() {
                  $("#sendMail").html("<div id=\"reponse\"></div>");
                  $("#reponse").html("<h4>Votre message  &eacute;t&eacute; envoy&eacute; avec succ&egrave;s.</h4><p>Merci de l&rsquo;int&eacute;r&ecirc;t port&eacute; &agrave; la Clinique Sant&eacute;-Voyage de Montr&eacute;al!</p>")
                  //.append("<p></p>")
                  .hide()
                  .fadeIn(1500, function() {
                  $("#reponse");
                  });
                  }
              });
              }
	});
});

// Validation Formulaire de contact Anglais

$(document).ready(function() {
						 
	jQuery.validator.addMethod("phone", function (value, el, params) {
	return this.optional(el) || /^[01]?[- .]?\(?[2-9]\d{2}\)?[- .]?\d{3}[- .]?\d{4}$/.test(value);
	}, "Please enter a valid phone number.");

      
    var validator = $("#sendMailEN").bind("invalid-form.validate", function() {
		
	}).validate({
            
            rules: {
        		phone: {
        				phone: true
        			}
        		},
            messages: {
            name: "This field is required",
			sujet: "This field is required",
			email: {
            required: 'This field is required',
            email: 'Invalid Address'
            },
            phone: {
            required: 'This field is required',
			phone: 'Invalid Number'
            },
              message: "This field is required"
            },
              submitHandler: function(form) {
              jQuery(form).ajaxSubmit({
              target: "#sendMailEN",
                  success: function() {
                  $("#sendMailEN").html("<div id=\"reponse\"></div>");
                  $("#reponse").html("<h4>Your message was successfully sent.</h4><p>Thank you for your interest in The Clinique Sant&eacute;-Voyage de Montr&eacute;al!</p>")
                  //.append("<p></p>")
                  .hide()
                  .fadeIn(1500, function() {
                  $("#reponse");
                  });
                  }
              });
              }
	});
});

//------------------------------------------------------------------------
// Search Form Watermark
//------------------------------------------------------------------------
$(function() {
    // Fade out label on focus
    $(".textInput").focus(function() {
        $(this).prev("label.watermark").fadeOut('fast');                                             
    });
    // If input is left blank fade in label
    $(".textInput").blur(function() {
        var inputValue  = $(this).val();
        if (inputValue == "") {
            $(this).prev("label.watermark").fadeIn('fast');
        }
    });
});

//------------------
// Normes Accordions
//------------------
jQuery(function() {

	jQuery('#faq h3:odd').addClass("alt");
	jQuery('#faq h3:last').addClass("last");
	
	
	//jQuery("#faq h3:first").addClass("active");
	jQuery("#faq div.details").hide();

	jQuery("#faq h3").click(function(){

	  jQuery(this).next("div.details").slideToggle("slow")
	  .siblings("div.details:visible").slideUp("slow");
	  jQuery(this).toggleClass("active");
	  jQuery(this).siblings("h3").removeClass("active");

	});

});
