$(document).ready(function(){ 
	$("#main").showSub();	
	$(".leftBoxClose").click(function(){
		hideRightDiv();
	});		
});
function hideRightDiv(){
	$(".show").animate({"opacity":"0"},400,"linear",function(){
		$(".show").remove();
		var goodSize = $("#justForTheSize").height();
		$("#main").css("float","none").animate({"left":"300px","height":goodSize});
	});	
}

function showTweet(type,btn){
	$("#theTweets").remove();
	$(".btnChecked").css({"background":"#fff","color":"#666"}).removeClass("btnChecked");
	$("."+btn).css({"background":"#666","color":"#fff"}).addClass("btnChecked");
	$("#twitter").append("<div id='loading'>Chargement des tweets...</div>");
	$.ajax({
		type: "POST",
		url: "util.php",
		data: "type="+type+"&action=twitter",
		success: function(msg){
			$("#loading").animate({"opacity":0},300,"linear",function(){
				$("#loading").remove();
				$("#twitter").append("<div id='theTweets'></div>");
				$("#theTweets").css("opacity","0");
				$("#theTweets").html(msg);
				$("#theTweets").animate({"opacity":"1"},300);
			});
		}
	});	
}

function showFacebook(){
	$("#theMessage").remove();
	$("#facebook").append("<div id='loading'>Chargement des statuts facebook...</div>");
	$.ajax({
		type: "POST",
		url: "test/index.php",
		data: "action=facebook",
		success: function(msg){
			$("#loading").animate({"opacity":0},300,"linear",function(){
				$("#loading").remove();
				$("#facebook").append("<div id='theMessage'></div>");
				$("#theMessage").css("opacity","0");
				$("#theMessage").html(msg);
				$("#theMessage").animate({"opacity":"1"},300);
			});
		}
	});	
}

function showContact(){
	$("#theForm").remove();
	$("#contact").append("<div id='loading'>Chargement du formulaire de contact...</div>");
	$.ajax({
		type: "POST",
		url: "util.php",
		data: "action=contact",
		success: function(msg){
			$("#loading").animate({"opacity":0},300,"linear",function(){
				$("#loading").remove();
				$("#contact").append("<div id='theForm'></div>");
				$("#theForm").css("opacity","0");
				$("#theForm").html(msg);
				$("#theForm").animate({"opacity":"1"},300);
				
				$("#contactForm").submit(function(){
					sendMailAjax();
					return false;
				});
				
			});
		}
	});
		
}

function sendMailAjax(){
	var i = 0;
	cNom = $("#cNom").val();
	cEmail = $("#cEmail").val();
	cSujet = $("#cSujet").val();
	cMessage = $("#cMessage").val();
	cTotalUser = $("#cTotalUser").val();
	cTotalOk = $("#cTotalOk").val();
	
	if(cNom == ""){
		$(".cNom").addClass("bad");
		i++;
	}
	if(cEmail == ""){
		$(".cEmail").addClass("bad");
		i++;
	}
	if(cSujet == ""){
		$(".cSujet").addClass("bad");
		i++;
	}
	if(cMessage == ""){
		$(".cMessage").addClass("bad");
		i++;
	}
	if(cTotalUser == ""){
		$(".cTotalUser").addClass("bad");
		i++;
	}
	if(cTotalUser != cTotalOk && cTotalUser != ""){
		$(".cTotalUser").addClass("bad");
		i++;
	}
	if(i > 0){
		$("#contact").prepend("<p class='error'> Veuillez remplir tous les champs!</p>");
		$("#contact").animate({"opacity":"1"},1500,"linear",function(){
			$(".error").animate({"opacity":"0"},500,"linear",function(){
			
			});
			$(".bad").animate({"opacity":"1"},1000,"linear",function(){
				$(".bad").removeClass('bad');
			});
		});
	} else {
		$("#theForm").remove();
		$("#contact").append("<div id='loading'>Envoi du mail...</div>");
		$.ajax({
			type: "POST",
			url: "sendMail.php",
			data: "nom="+cNom+"&email="+cEmail+"&sujet="+cSujet+"&message="+cMessage,
			success: function(msg){
				$("#loading").animate({"opacity":0},300,"linear",function(){
					$("#loading").remove();
					$("#contact").append("<p class='contactResult'></p>");
					$(".contactResult").css("opacity","0");
					$(".contactResult").html(msg);
					$(".contactResult").animate({"opacity":"1"},300);
					$("#contact").animate({"opacity":"1"},2000,"linear",function(){
						hideRightDiv();	
					});	
				});
			}
		
		});

	}

}