//----------------------------------------------------------------------------------------

// Authors : Melissa Maheux , Influenza marketing http://www.influenza.ca
// Version 1.0
// Created: June 2011

//----------------------------------------------------------------------------------------

//------------------------------------------------------------------------
// Formulaire Contact Media/partenaire
//------------------------------------------------------------------------
$(document).ready(function() {
						       
    var validator = $("#Media").bind("invalid-form.validate", function() {
		
	}).validate({
            
            messages: {
			lastname: "Ce champ est requis",
			firstname: "Ce champ est requis",
			email: {
            required: 'Ce champ est requis',
            email: 'Adresse invalide'
            },
              message: "Ce champ est requis"
            },
              submitHandler: function(form) {
              jQuery(form).ajaxSubmit({
              target: "#Media",
                  success: function() {
                  $("#Media").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; Escapade Bor&eacute;ale !</p>")
                  //.append("<p></p>")
                  .hide()
                  .fadeIn(1500, function() {
                  $("#reponse");
                  });
                  }
              });
              }
	});
});



//------------------------------------------------------------------------
// Formulaire Contact 
//------------------------------------------------------------------------

$(document).ready(function() {
						       
    var validator = $("#form_contact").bind("invalid-form.validate", function() {
		
	}).validate({
            
            messages: {
			lastname: "Ce champ est requis",
			firstname: "Ce champ est requis",
			email: {
            required: 'Ce champ est requis',
            email: 'Adresse invalide'
            },
              message: "Ce champ est requis"
            },
              submitHandler: function(form) {
              jQuery(form).ajaxSubmit({
              target: "#form_contact",
                  success: function() {
                  $("#form_contact").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; Escapade Bor&eacute;ale !</p>")
                  //.append("<p></p>")
                  .hide()
                  .fadeIn(1500, function() {
                  $("#reponse");
                  });
                  }
              });
              }
	});
});

//------------------------------------------------------------------------
// Geocaching Form
//------------------------------------------------------------------------

$(document).ready(function() {
						       
    var validator = $("#geocachingForm").bind("invalid-form.validate", function() {
		
	}).validate({
            
            messages: {
			teamname: "Ce champ est requis",
			cachenumber: "Ce champ est requis",
			email: {
            required: 'Ce champ est requis',
            email: 'Adresse invalide'
            },
              message: "Ce champ est requis"
            }
	});
});

//------------------------------------------------------------------------
// Newsletter's Form
//------------------------------------------------------------------------

$(function() {
    
	var validator = $("#newsletterForm").bind("invalid-form.validate", function() {
		
	}).validate({
		messages: {
			name: "Entrez votre nom",
      		email: {
                required: 'Entrez votre adresse courriel',
                email: 'Adresse invalide'

            },     
			ville: {
				required: "Entrez votre ville de résidence"
			}
   		},       
      	submitHandler: function(form) {
              jQuery(form).ajaxSubmit({
              target: "#newsletterForm",
                  success: function() {
                  $("#newsletterForm").html("<div id=\"newsletterMessage\" class=\"en\"></div>");
                  $("#newsletterMessage").html("<h2>Merci pour votre int&eacute;r&ecirc;t pour Escapade Bor&eacute;ale !</h2>")
                  //.append("<p></p>")
                  .hide()
                  .fadeIn(1500, function() {
                  	$("#newsletterMessage");
                  });
                  }
              });
        }
   		
	});

});


//////////////////
// pretty photo
//////////////////


$(document).ready(function(){
		$("#galleryID a[rel^='prettyPhoto']").prettyPhoto({
			allowresize: true, /* true/false */
			theme: 'facebook', /* light_rounded / dark_rounded / light_square / dark_square / facebook */
			markup: '<div class="pp_pic_holder"> \
						<div class="ppt">&nbsp;</div> \
						<div class="pp_top"> \
							<div class="pp_left"></div> \
							<div class="pp_middle"></div> \
							<div class="pp_right"></div> \
						</div> \
						<div class="pp_content_container"> \
							<a class="pp_close" href="#">Fermer</a> \
							<div class="pp_left"> \
							<div class="pp_right"> \
								<div class="pp_content"> \
									<div class="pp_loaderIcon"></div> \
									<div class="pp_fade"> \
										<a href="#" class="pp_expand" title="Expand the image">Agrandir</a> \
										<div class="pp_hoverContainer"> \
											<a class="pp_next" href="#">suivante</a> \
											<a class="pp_previous" href="#">precedente</a> \
										</div> \
										<div id="pp_full_res"></div> \
										<div class="pp_details"> \
											<div class="pp_nav"> \
												<a href="#" class="pp_arrow_previous">Précédente</a> \
												<p class="currentTextHolder">0/0</p> \
												<a href="#" class="pp_arrow_next">Suivante</a> \
											</div> \
											<p class="pp_description"></p> \
											{pp_social} \
										</div> \
										<div><a href="/galeries-photos/" class="pp_seeGallery">Voir toutes les galeries</a></div>\
									</div> \
								</div> \
							</div> \
							</div> \
						</div> \
						<div class="pp_bottom"> \
							<div class="pp_left"></div> \
							<div class="pp_middle"></div> \
							<div class="pp_right"></div> \
						</div> \
					</div> \
					<div class="pp_overlay"></div>',
			gallery_markup: '<div class="pp_gallery"> \
								<a href="#" class="pp_arrow_previous">Précédente</a> \
								<div> \
									<ul> \
										{gallery} \
									</ul> \
								</div> \
								<a href="#" class="pp_arrow_next">Suivante</a> \
							</div>',
			image_markup: '<img id="fullResImage" src="{path}" />',
			flash_markup: '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="{width}" height="{height}"><param name="wmode" value="{wmode}" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="{path}" /><embed src="{path}" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="{width}" height="{height}" wmode="{wmode}"></embed></object>',
			quicktime_markup: '<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="{height}" width="{width}"><param name="src" value="{path}"><param name="autoplay" value="{autoplay}"><param name="type" value="video/quicktime"><embed src="{path}" height="{height}" width="{width}" autoplay="{autoplay}" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"></embed></object>',
			iframe_markup: '<iframe src ="{path}" width="{width}" height="{height}" frameborder="no"></iframe>',
			inline_markup: '<div class="pp_inline">{content}</div>',
			custom_markup: '' /* html or false to disable */
		});
		return false;
	});