function formBlockSlide(){	
	$("#slider").easySlider({
		continuous: true
	});
	$('#content section article.hover').hover(function(){
			$(this).find('h2').animate({left:'450px'},500);
	}, function(){
		$(this).find('h2').animate({left:'0px'},500);
	});
	$('#contact form ul li input').click(function(){
		if($(this).val() == "Prénom Nom" || $(this).val() == "Email" || $(this).val() == "Site Web (facultatif)"){
			$(this).val('');
		}
	});
	$('#contact form ul li textarea').click(function(){
		if($(this).text() == "Entrez votre message"){
			$(this).text('');
		}
	});
	$('#contact form ul li input').live('keyup', function(e) { 
 		var keyCode = e.keyCode || e.which; 
  		if (keyCode == 9) { 
    		if($(this).val() == "Prénom Nom" || $(this).val() == "Email" || $(this).val() == "Site Web (facultatif)"){
				$(this).val('');
			}
  		} 
	}); 
	$('#contact form ul li textarea').live('keyup', function(e) {
 		var keyCode = e.keyCode || e.which; 
  		if (keyCode == 9) { 
    		if($(this).text() == "Entrez votre message"){
				$(this).text('');
			}
  		} 
	});
	var boxValidForm = 	"<a id='close_pop' href='#'>"+
							"<img width='29' height='29' alt='Fermer' src='images/close_contact.png'>"+
						"</a>"+
						"<div id='validationform'>"+
							"<p>Merci de corriger les erreurs suivantes : </p>"+
							"<p id='erreur_nom'> - Veuillez entrer vos nom et prénom</p>"+
							"<p id='erreur_mail'> - Veuillez entrer votre Email</p>"+
							"<p id='erreur_mailInvalide'> - Veuillez entrer votre mail dans un format valide</p>"+
							"<p id='erreur_message'> - Veuillez entrer votre message</p>"+
						"</div>";
	$("#contact form ul li button").click(function(){
		var prenom_nom = $("#prenom_nom").val();
		var mail = $("#mail").val();
		var site = $("#site").val(); 
		var message = $("#message").val();
		$("#erreur_nom").hide();
		$("#erreur_mail").hide();
		$("#erreur_mailInvalide").hide();
		$("#erreur_message").hide();
		if(prenom_nom == "Prénom Nom" || prenom_nom == "" || mail == "Email" || mail == "" || message == "Entrez votre message" || message == "" || !mail.match(/^([\w-.])+\@(([\w])|(\-)|(\_)+\.)[a-zA-Z0-9]{2,}/)){
			$.blockUI({ 
     			message: boxValidForm,
      			css: {
      				centerY: true,
      				centerX: true,
     				border: '2px solid',
     				fontSize: '0.8em',
     				backgroundColor: '#FBE3E4',
     				cursor: 'pointer'
     			}
     		});
     		$('.blockOverlay').css({'cursor' : 'default'});
    		$('.blockOverlay').click(function(){
     			$.unblockUI();
    			return false;
    		});
    		$('#close_pop').click(function(){
     			$.unblockUI();
     			return false;
    		});
     		if(prenom_nom == "Prénom Nom" || prenom_nom == ""){
     			$("#erreur_nom").show();
     		}else{
     			$("#erreur_nom").hide();
     		}
     		if(mail == "Email" || mail == ""){
     			$("#erreur_mail").show();
     		}else{
     			$("#erreur_mail").hide();
     		}
     		if(!mail.match(/^([\w-.])+\@(([\w])|(\-)|(\_)+\.)[a-zA-Z0-9]{2,}/) && mail != "Email" && mail != "" ){
     			$("#erreur_mailInvalide").show();
     		}else{
     			$("#erreur_mailInvalide").hide();
     		}
     		if(message == "Entrez votre message" || message == ""){
     			$("#erreur_message").show();
     		}else{
     			$("#erreur_message").hide();
     		}
     		return false;
		}
		$.ajax({
   			type: "POST",
    		url: "scripts/mail.php",
   	 		data: "prenom_nom="+prenom_nom+"&mail="+mail+"&site="+site+"&message="+message,
   			success: function(data){
     			$.blockUI({ 
     				message: data,
      				css: {
     					width : '350px',
     					height : '120px',
     					top:  ($(window).height() - 180) /2 + 'px', 
                		left: ($(window).width() - 350) /2 + 'px', 
     					border: '2px solid',
     					fontSize: '0.8em',
     					padding: '60px 0 0 0',
     					cursor: 'pointer'
     				}
     			});
     			$('.blockOverlay').css({'cursor' : 'default'});
    			$('.blockOverlay').click(function(){
     					$.unblockUI();
    					return false;
    			});
    			$('#close_pop').click(function(){
     				$.unblockUI();
     				return false;
    			});
     			return false
   			}
 		});
 		return false;
	});
}
function popIn(){
	var titre = 'STORYTELLING - Réenchantez votre communication';
	var msg = 'Les marques qui véhiculent une histoire réussissent mieux que les autres. Pour la première fois, un livre fait le point sur le storytelling, analyse les ressorts de son efficacité et propose une méthode pas-à-pas. En la suivant, vous apprendrez à faire de votre histoire une vraie success story. L\'ouvrage s\'adresse plus spécifiquement aux responsables marketing et communication, aux agences de publicité, aux concepteurs-rédacteurs ainsi qu\'aux étudiants.';
	var dispo = 'Commandez-le sur';
	var lien = 'http://www.amazon.fr/Storytelling-R%C3%A9enchantez-communication-S%C3%A9bastien-Durand/dp/2100556312/ref=sr_1_1?ie=UTF8&qid=1312216616&sr=8-1';
	var lienText = 'Amazon.fr';
	var lien2 = 'http://livre.fnac.com/a3568244/Sebastien-Durand-Storytelling';
	var lienText2 = 'fnac.com';
	var html;
	
	html = '<a id="close_pop" href="#">';
	html += '<img width="29" height="29" alt="Fermer" src="images/close_contact.png">';
	html += '</a>';
	html += '<h2 class="title-popin">'+titre+'</h2>';
	html += '<img class="img-popin" src="images/livre/reenchantez-votre-communication.jpg" width="224" height="300" alt="'+titre+'" />';
	html += '<p class="description-popin">'+msg+'</p>';
	html += '<p class="dispo-popin">Disponible en librairie <br />'+dispo+' <a href="'+lien+'" target="_blank" class="link-popin" title="'+lienText+'">'+lienText+'</a><br />'+dispo+' <a href="'+lien2+'" target="_blank" class="link-popin" title="'+lienText2+'">'+lienText2+'</a></p>';
	
	$.blockUI({ 
     	message: html,
      	css: {
     		width : '650px',
     		height : '380px',
     		top:  ($(window).height() - 450) /2 + 'px', 
            left: ($(window).width() - 650) /2 + 'px', 
     		border: '2px solid',
     		fontSize: '0.8em',
     		padding: '20px 0 0 0',
     		cursor: 'pointer'
     	}
     });
     $('.blockOverlay').css({'cursor' : 'default'});
     $('.blockOverlay').click(function(){
     	$.unblockUI();
     	return false;
     });
     $('#close_pop').click(function(){
     	$.unblockUI();
     	return false;
     });
}
$(document).ready(function(){
	formBlockSlide();
	popIn();
});