/*
*	Affiche le popup
*/
function loadPopup(){
	centerPopup();
	$("#background-popup").css({ "opacity": "0" });
	$("#background-popup").fadeIn("fast");
	$("#popup").fadeIn("fast");

}

/*
*	Ferme le popup
*/
function closePopup(){  
	$("#popup").fadeOut("fast");
	$("#background-popup").fadeOut("fast");
	$("#popup").width(450);
	$("#popup").css('top', 300);
}

/*
*
*/
function displayPopup(text, temps){
	loadPopup();
	$('#popup-contenu').html(text);
	var timer = setTimeout("closePopup()", temps);
}

/*
*	Centering popup
*/
function centerPopup(){
	//request data for centering
	var windowWidth = document.documentElement.clientWidth;
	/*var windowHeight = document.documentElement.clientHeight;*/
	var popupWidth = $("#popup").width();
	
	//centering
	$("#popup").css({
		"position": "absolute",
		/*"top": windowHeight/2,*/
		"left": windowWidth/2-popupWidth/2
	});
	//only need force for IE6
	/*$("#background-popup").css({
		"height": windowHeight
	});*/

}

// Charge le formulaire de changement de mot de passe
function loadFormModifMdp(user_id){
	
	var html = '<form id="modif-mot-de-passe" method="post" onsubmit="return saveNewPassword();">';
				html += '<table><tr><td colspan="2">';
				html += '<h1>Modifier le mot de passe</h1>';
                html += '<input type="hidden" id="user_id" name="user_id" value="'+user_id+'" />';
                html += '</td></tr><tr><td width="150">';
                html += '<p><label for="mdp">Nouveau mot de passe</label></td><td><input type="text" id="mdp" name="mdp" value="" size="50" class="modif-mot-de-passe" /><br />';
                html += '</td></tr><tr><td width="150">';
                html += '<label for="mdp2" style="vertical-align:top;">Confirmer nouveau <br/>mot de passe</label></td><td><input type="text" id="mdp2" name="mdp2" value="" size="50" class="modif-mot-de-passe" /><br /></td>';
                html += '</tr><td colspan="2">';
                html += '<p class="align-center"><input type="submit" name="submit" value="" class="submit-password" /></p>';
                html += '</td></tr></table>';
                html += '</form>';

	
	loadPopup();
	$("#popup-contenu").html(html);
}


function loadFormModifNom(user_id){
	
	var html = '<form id="modif-nom" method="post" onsubmit="return saveNewName();">';
				html += '<table><tr><td colspan="2">';
				html += '<h1>Modifier votre prénom</h1>';
                html += '<input type="hidden" id="user_id" name="user_id" value="'+user_id+'" />';
                html += '</td></tr><tr><td width="100">';
                html += '<p><label for="mdp">Nouveau nom</label></td><td><input type="text" id="nom" name="nom" value="" size="50" class="modif-nom" /><br />';
                html += '</td></tr><td colspan="2">';
                html += '<p class="align-center"><input type="submit" name="submit" value="" class="submit-password" /></p>';
                html += '</td></tr></table>';
                html += '</form>';

	
	loadPopup();
	$("#popup-contenu").html(html);
}



// Charge le formulaire d'ajout d'un bon plan perso dans le popup
function loadFormAjoutAdresse(user_id){
	
	var html = '<form id="ajout-bon-plan" method="post" action="index.php">';
				html += '<table><tr><td colspan="2">';
				html += '<h1>Ajouter une adresse</h1>';
                html += '<input type="hidden" id="user_id" name="user_id" value="'+user_id+'" />';
				html += '<input type="hidden" name="action" value="add_adr" />';
                html += '</td></tr><tr><td width="100">';
                html += '<p><label for="titre">Nom</label></td><td><input type="text" id="titre" name="titre" value="" size="50" class="ajout-bon-plan" /><br />';
                html += '</td></tr><tr><td width="100">';
                html += '<label for="description" style="vertical-align:top;">Description</label></td><td><textarea id="description" name="description" cols="40" class="ajout-bon-plan"></textarea></p>';
                html += '</tr></td><td colspan="2">';
                html += '<h3>Location</h3>';
                html += '</td></tr><tr><td width="100">';
                html += '<p><label for="adresse">Adresse</label></td><td><input type="text" id="adresse" name="adresse" value="" size="50" maxlength="100" class="ajout-bon-plan" /><br />';
                html += '</td></tr><tr><td>';
                html += '<label for="cp">Code postal</label></td><td><input type="text" id="cp" name="cp" value="" size="5" maxlength="5" class="ajout-bon-plan" />&nbsp;&nbsp;';
                html += '<label for="ville">Ville</label><input type="text" id="ville" name="ville" value="" size="30" class="ajout-bon-plan" /></p>';
                html += '</tr></td><td colspan="2">';
                /*html += '<h3>Contact</h3>';
                html += '</td></tr><tr><td width="100">';
                html += '<p><label for="telephone">Téléphone</label></td><td><input type="text" id="telephone" name="telephone" value="" class="ajout-bon-plan" /><br />';
                html += '</td></tr><tr><td width="100">';
                html += '<label for="email">Email</label></td><td><input type="text" id="email" name="email" value="" class="ajout-bon-plan" /><br />';
                html += '</td></tr><tr><td width="100">';
                html += '<label for="siteweb">Site web</label></td><td><input type="text" id="siteweb" name="siteweb" value="" class="ajout-bon-plan" /></p>';
                html += '</tr></td><td colspan="2">';*/
                html += '<h3>Photo</h3>';
                html += '<p id="upload_photo" style="cursor:pointer;">Joindre une photo</p>';
                html += '<p class="align-center"><input type="submit" name="submit" value="" class="submit-bonplan" /></p>';
                html += '</td></tr></table>';
                html += '</form>';

	
	loadPopup();
	$("#popup-contenu").html(html);
	
	new AjaxUpload('upload_photo', {
		action: 'ajax/upload_photo.php',
		name: 'photo',
		data: {
				type : 'photo',
				dir : '../photos/photos/'
			},
		autoSubmit: true,
		onSubmit: function(file , ext){
					this.disable(); // allow only 1 upload
					$('#upload_photo').html('Chargement...');
					if (! (ext && /^(jpg|png|jpeg|gif)$/i.test(ext))){
						alert('Votre fichier doit être une image');
						return false;	// cancel upload
					}
				},
		onComplete: function(file, response){
			if(response != 'false'){
				$('#upload_photo').html(response);
				this.enable();
			}else{
				alert('Probleme lors de l\'upload');
			}
		}
	});
}

function modifAdressePerso(id_adresse){
	$.get("ajax/modif_adresse.php", 
		{ 'id' : id_adresse },
		function(data){
			loadPopup();
			$("#popup-contenu").html(data);
		}
	);
}

/*
// Fonction ajax appelant un script pour l'enregistrement d'un nouveau bon plan
function saveAdresse(){
	// Récupération des valeurs du formulaire
	$.post("ajax/ajout_adresse.php", 
		$("#ajout-bon-plan").serialize(),
		function(data){
			if(data == false){
				$("#popup-contenu").html("Votre adresse n'a pas pu être ajouté");
				var timer = setTimeout("closePopup()", 3000);
				return false;
			}else{
				$("#popup-contenu").html("Votre adresse a été ajouté");
				var timer = setTimeout("closePopup()", 3000);
				return true;
			}
		}
	);
}
*/

function saveNewName(){
	// Récupération des valeurs du formulaire
	$.post("ajax/modif_nom.php", 
		$("#modif-nom").serialize(),
		function(data){
		
		if(data == false){
			
			$("#popup-contenu").html('Champ vide, le nom n\'a pas été modifié');
			
			
			var timer = setTimeout("closePopup()", 5000);
		
		
		}else if(data == true){
			$("#popup-contenu").html('Problème requête SQL');
			
			
			var timer = setTimeout("closePopup()", 5000);
			
		}else{
			$(".prenom").html(data);
			$("#popup-contenu").html('Votre prénom a été modifié');
			
			
			var timer = setTimeout("closePopup()", 5000);
			
			}
			
		}
	);
	
	return false;
}

function saveNewPassword(){
	// Récupération des valeurs du formulaire
	$.post("ajax/modif_mdp.php", 
		$("#modif-mot-de-passe").serialize(),
		function(data){
			$("#popup-contenu").html(data);
			var timer = setTimeout("closePopup()", 5000);
		}
	);
	
	return false;
}

/*
*	Affichage un message de confirmation lors de l'ajout d'un bon plan
*/
function confirmationAjoutArticle(){
	loadPopup();
	$('#popup-contenu').html('L\'article a été ajouté avec succès!');
	var timer = setTimeout("closePopup()", 5000);
}

function compte_ban(){
	loadPopup();
	$('#popup-contenu').html('Ce compte a été banni, impossible de se connecter !');
	var timer = setTimeout("closePopup()", 5000);

}

/*
*	Affichage du formulaire de mot de passe oublié
*/
function passwordForgotten(){
	var html = '<p style="margin-bottom:20px;">Entrer votre adresse email pour recevoir un nouveau mot de passe</p>';
	html += '<form id="password-forgotten" method="post" onsubmit="return sendPassword();">';
	html += '<input type="text" id="email" name="email" style="width: 240px;" />&nbsp;&nbsp;&nbsp;&nbsp;';
	//html += '<input type="image" src="../style/valider.gif" style="width:113px;height:20px;border:0;vertical-align:middle;" />';
	html += '<input type="submit" value="" style="background:url(../style/valider.gif) no-repeat;width:113px;height:20px;border:0;vertical-align:middle;" />';
	html += '</form>';
	
	loadPopup();
	$('#popup-contenu').html(html);
}

/*
*	Appel le script php pour générer et envoyer un nouveau de passe
*/
function sendPassword(){
	var email = $('#email').val();
	$.post("ajax/password_forgotten.php", 
		{ 'email' : email },
		function(data){
			$("#popup-contenu").html(data);
			var timer = setTimeout("closePopup()", 5000);
		}
	);
	
	
	return false;
}

/*
*	Chargement des dernieres adresses MyLittle pour proposer de les ajouter aux adresses
*/
function ajoutAdresseMyLittle(user_id){
	$("#popup").width(800);
	$("#popup").css('top', 100);

	$.get("ajax/adresses_mylittle.php", 
		{ 'user_id' : user_id },
		function(data){
			loadPopup();
			$("#popup-contenu").html(data);
		}
	);
}

/*
*	Affichage en popup du form inscription
*/
function displayFormInscription(){
	
	$("#popup").css('top', 200);
	$("#popup").width(300);
	$.get("ajax/form_login.php", 
		function(data){
			loadPopup();
			var tempo = setTimeout("setOpacity('0.8')", 400);
			$("#popup-contenu").html(data);
		}
	);

	return false;
}

function setOpacity(opacity){
	$("#background-popup").css({ "background-color": "#666666" });
	$("#background-popup").css({ "opacity": opacity });
}

/*
* Affiche le popup pour le choix d'un avatar
*/
function chooseAvatar(user_id){
	
	$("#popup").css('top', 200);
	$.get("ajax/choose_avatar.php",
		{ 'user_id' : user_id},
		function(data){
			loadPopup();
			$("#popup-contenu").html(data);
			new AjaxUpload('bouton_upload_photo', {
					action: 'ajax/upload_photo.php',
					name: 'avatar',
					data: {
						type : 'avatar',
						user_id : user_id,
						dir : '../photos/avatars/'
					},
					autoSubmit: true,
					onSubmit: function(file , ext){
								this.disable(); // allow only 1 upload
								$('#upload_avatar').html('Chargement...');
								if (! (ext && /^(jpg|png|jpeg|gif)$/i.test(ext))){
									alert('Votre fichier doit être une image');
									return false;	// cancel upload
								}
							},
					onComplete: function(file, response){
						if(response != 'false'){
							$('#avatar').attr('src', response);
							$('#upload_avatar').html('Changer ma photo');
							closePopup();
							this.enable();
						}else{
							alert('Problème lors de l\'upload');
						}
					}
				});
		}
	);
}
function highlightAvatar(num){
	for(var i = 1; i <= 8; i++){
		$('#img'+i).css("border", "none");
		$('#img'+i).css("background", "none");
	}
	$('#img'+num).css("border", "2px solid #8C5272");
	$('#img'+num).css("background-color", "#DFCECF");
}

function addAvatar(user_id){
	var avatar = $("input[name='default_avatar']:checked").val();
	
	$.post("ajax/add_avatar.php", 
		{ 'avatar' : avatar, 'user_id' : user_id },
		function(data){
			$('#avatar').attr('src', 'photos/avatars/'+avatar);
			$('#upload_avatar').html('Changer ma photo');
			closePopup();
		}
	);
	
	return false;
}