/*********************************************************
 * 
 * index.js - v1.0
 * 
 ********************************************************/










/*********************************************************
 * 
 * Appel des fonctions au chargement
 * 
 ********************************************************/
$(function(){
	initRollover();
	initScroll();
	initContact();
});










/*********************************************************
 * 
 * Liste des fonctions
 * 
 ********************************************************/



/*********************************************************
 * initRollover
 * Gere le rollover sur les references
 ********************************************************/
function initRollover(){

	$(".reference a")
		.attr("title", "Ouvrir le site dans une nouvelle fenêtre")
		.attr("target", "blank");
	
	$(".reference img").hover(function(){ // over
		$(this).css({"border-color":"#13729a"});
	},function(){ // out
		$(this).css({"border-color":"#efecde"});
	});
	
}



/*********************************************************
 * initScroll
 * Gere la navigation
 ********************************************************/
function initScroll(){
	
	$("#header a").click(function(){
		var url = $(this).attr("href");
		$.scrollTo(url, 500);
		return false;
	});
	
	$(".back_to_menu a").click(function(){
		$.scrollTo("body", 500);
		return false;
	});
	
}



/*********************************************************
 * initContact
 * Gere le formulaire de contact
 ********************************************************/
function initContact(){
	
	/* ajout des balises span pour le feedback */
	$("#contact fieldset div").append("<span></span>");
	
	$("#contact input[type=image]").click(function(){
		
		var dataToSend = "";
		dataToSend += "&lastname="+$("#lastname").val();
		dataToSend += "&firstname="+$("#firstname").val();
		dataToSend += "&phonenumber="+$("#phonenumber").val();
		dataToSend += "&email="+$("#email").val();
		dataToSend += "&message="+$("#message").val();
		dataToSend += "&captcha="+$("#captcha").val();
		
		$.ajax({
			url: "http://www.kamaji-multimedia.net/accueil/validation_contact",
			type: "POST",
			data: dataToSend,
			dataType: "xml",
			success: function(xml){
				
				var resultEnvoi = $(xml).find("reponse").attr("statut");
				
				if(resultEnvoi == "ok"){
	
					$("#contact fieldset .feedback").slideDown();
				
				}else if(resultEnvoi == "ko"){
				
					var feedBack1 = $(xml).find("lastname").text();
					var validation1 = $(xml).find("lastname").attr("validation");
					var feedBack2 = $(xml).find("firstname").text();
					var validation2 = $(xml).find("firstname").attr("validation");
					var feedBack3 = $(xml).find("phonenumber").text();
					var validation3 = $(xml).find("phonenumber").attr("validation");
					var feedBack4 = $(xml).find("email").text();
					var validation4 = $(xml).find("email").attr("validation");
					var feedBack5 = $(xml).find("message").text();
					var validation5 = $(xml).find("message").attr("validation");
					var feedBack6 = $(xml).find("captcha").text();
					var validation6 = $(xml).find("captcha").attr("validation");
				
					$("#lastname").next().empty().append(feedBack1).removeClass().addClass(validation1);
					$("#firstname").next().empty().append(feedBack2).removeClass().addClass(validation2);
					$("#phonenumber").next().empty().append(feedBack3).removeClass().addClass(validation3);
					$("#email").next().empty().append(feedBack4).removeClass().addClass(validation4);
					$("#message").next().empty().append(feedBack5).removeClass().addClass(validation5);
					$("#captcha").next().empty().append(feedBack6).removeClass().addClass(validation6);
				
				}
			}
		});
		
	});
	
	/* bouton fermer */
	$("#contact fieldset .feedback a").click(function(){
		$("#contact input").val("");
		$("#contact textarea").val("");
		$(this).parents(".feedback").slideUp();
		return false;
	});
	
}