$('#membre').ready(function() {
	$('div.menu a').click(function(){
		showTab($(this).attr('rel'));
	});
	reg = RegExp('#([a-z]+)$', 'gi') ;
	if (window.location.href.match(reg) != null) {
		showTab(RegExp.$1);
	} else {
		if ($('div.menu > a').size() > 1) {
			if ($('div.menu > a.bold').attr('rel') != '') {
				showTab($('div.menu > a.bold').attr('rel'));
			}
		}
	}

	$('#field_pays').change(function(){
		v = $(this).val();
		
		$('#field_departement').attr('rel', v);

		if (v == 'FR') {
			$('#field_ville').removeAttr('disabled');
			$('#field_departement').removeAttr('disabled');
			$('#field_ville').removeAttr('disabled');
			$('#field_departement').change();
		} else if ((v == 'GP') || (v == 'MQ') || (v == 'RE') || (v == 'GF')) {
			$('#field_ville').removeAttr('disabled');
			$('#field_departement').attr('disabled', 'disabled');
			$('#field_departement option[value=""]').attr('selected', 'selected');

			$.getJSON(
				'/membre/ajax/villes.php',
				{
					pays : v
				},
				function(data) {
					options = new Array();
					$("#field_ville").removeOption(/./);
					$.each(data, function(i,ville) {
						options[ville.cp+'#'+ville.nom] = ville.cp + ' - ' + ville.nom;
					});
					$('#field_ville').addOption(options, false)
			});

		} else {
			$('#field_departement').attr('disabled', 'disabled');
			$('#field_ville').attr('disabled', 'disabled');

			$('#field_departement option').removeAttr('selected');
			$('#field_departement option[value=""]').attr('selected', 'selected');
			$('#field_ville').attr('disabled', 'disabled');
			$('#field_ville option[value=""]').attr('selected', 'selected');
		}
	});

	$('#field_departement').change(function(){
		$('#field_ville').removeAttr('disabled');
		if ($(this).val() != $('#field_ville').attr('rel')) {
			$('#field_ville').attr('rel', $(this).val());
			$.getJSON(
				'/membre/ajax/villes.php', {
					cp : $('#field_departement').val(),
					pays : 'FR'
				},
				function(data) {
					options = new Array();
					$("#field_ville").removeOption(/./);
					$.each(data, function(i,ville) {
						options[ville.cp+'#'+ville.nom] = ville.cp + ' - ' + ville.nom;
					});
					$('#field_ville').addOption(options, false)
			});
		}
	});

	$('#field_extra_projet_etat').change(function(){
		if ($(this).val() == 0) {
			$('#field_extra_projet_energie').attr('disabled', 'disabled');
			$('#field_extra_projet_habitat').attr('disabled', 'disabled');
			$('#field_extra_projet_usage').attr('disabled', 'disabled');

			$('#field_extra_projet_energie option').removeAttr('selected');
			$('#field_extra_projet_habitat option').removeAttr('selected');
			$('#field_extra_projet_usage option').removeAttr('selected');
		} else {
			$('#field_extra_projet_energie').removeAttr('disabled');
			$('#field_extra_projet_habitat').removeAttr('disabled');
		}
	});

	$('#field_extra_projet_energie').change(function(){
		if ($('#field_extra_projet_usage').attr('rel') != $(this).val()) {
			$('#field_extra_projet_usage').attr('rel', $(this).val());
			//$('#field_extra_projet_usage option').removeAttr('selected');
			//alert('hopla');
			if ($(this).val() == 0) {
				$('#field_extra_projet_usage').attr('disabled', 'disabled');
			} else {
				$('#field_extra_projet_usage').removeAttr('disabled');
				if (($(this).val() == 1) || ($(this).val() == 4)) {
					$('#field_extra_projet_usage option.eau').attr('disabled', 'disabled');
					$('#field_extra_projet_usage option.elec').removeAttr('disabled');

				} else {
					$('#field_extra_projet_usage option.elec').attr('disabled', 'disabled');
					$('#field_extra_projet_usage option.eau').removeAttr('disabled');
				}

			}
		} else if ($(this).val() != 0) {
			$('#field_extra_projet_usage').removeAttr('disabled');
		}
	});

	$('#registerForm select').change();
	$('#formMembre select').change();
	$('#formMembre input[type=submit]').click(function(){

		$('#formMembre td div.error').remove();
		$('#formMembre td').removeClass('error');

		//erreur = checkInfos1() || checkInfos2() || checkInfos3();
		erreur = checkInfos1b() || checkInfos2() || checkInfos3();
		if (erreur == true) {
			divid = $('#formMembre div.error').parents('div.tab').attr('id');
			if (divid.substring(0, 5) == 'menu-') {
				showTab(divid.substring(5));
				return false;
			}
		}
		return true;
	});

	
});

function subscribeGoStep2()
{
	$('#step1 td div.error').remove();
	$('#step1 td').removeClass('error');

	erreur = checkInfos1();

	if (erreur == false) {
		$('#step1').slideUp();
		$('#step2').show();
		$('#membre div.menu').html('Etape 2 / 3');
		return true;
	} else {
		return false;
	}
}

function subscribeGoStep3()
{
	$('#step2 td div.error').remove();
	$('#step2 td').removeClass('error');

	erreur = checkInfos2();

	if (erreur == false) {
		$('#step2').slideUp();
		$('#step3').show();
		$('#membre div.menu').html('Etape 3 / 3');
		return true;
	} else {
		return false;
	}
}

function subscribeSubmit()
{
	$('#step3 td div.error').remove();
	$('#step3 td').removeClass('error');

	erreur = checkInfos3();
	
	if (erreur == false) {
		return true;
	} else {
		return false;
	}
}

function checkInfos1()
{
	erreur = false;

	if ($('#pseudo').val() == '') {
		$('#pseudo_tooltip').html('<div class="error">Veuillez saisir un pseudo</div>');
		erreur = true;
	}
	if ($('#email').val() == '') {
		$('#email_tooltip').html('<div class="error">Veuillez saisir un email</div>');
		erreur = true;
	}
	if ($('#pass').val() == '') {
		$('#pass_tooltip').html('<div class="error">Veuillez saisir votre mot de passe</div>');
		erreur = true;
	}
	else if ($('#pass').val() != $('#pass2').val()) {
		$('#pass2_tooltip').html('<div class="error">Les mots de passe ne correspondent pas</div>');
		erreur = true;
	}
	if ($('#cgu').attr('checked') == false) {
		$('#cgu_td').addClass('error');
		erreur = true;
	}

	return erreur;
}
function checkInfos1b()
{
	erreur = false;

	if ($('#email').val() == '') {
		$('#email_tooltip').html('<div class="error">Veuillez saisir un email</div>');
		erreur = true;
	}
	if ($('#pass1').val() != '') {
		if ($('#pass').val() != $('#pass2').val()) {
			$('#pass2_tooltip').html('<div class="error">Les mots de passe ne correspondent pas</div>');
			erreur = true;
		}
	}

	return erreur;
}

function checkInfos2()
{
	erreur = false;
	if (($('#field_genre').val() < 1) || ($('#field_genre').val() > 3)) {
		$('#genre_tooltip').html('<div class="error">Civilité manquante</div>');
		erreur = true;
	}
	if ($('#field_nom').val() == '') {
		$('#nom_tooltip').html('<div class="error">Nom manquant</div>');
		erreur = true;
	}
	if ($('#field_prenom').val() == '') {
		$('#prenom_tooltip').html('<div class="error">Prénom manquant</div>');
		erreur = true;
	}

	pays = $('#field_pays').val();
	
	if (pays == '') {
		$('#pays_tooltip').html('<div class="error">Pays manquant</div>');
		erreur = true;
	} else if (pays == 'FR') {
		if ($('#field_departement').val() == '') {
			$('#departement_tooltip').html('<div class="error">Département manquant</div>');
			erreur = true;
		} else if ($('#field_ville').val() == '') {
			$('#ville_tooltip').html('<div class="error">Ville manquante</div>');
			erreur = true;
		}
	} else if ((pays == 'GP') || (pays == 'MQ') || (pays == 'RE') || (pays == 'GF'))  {
		if ($('#field_ville').val() == '') {
			$('#ville_tooltip').html('<div class="error">Ville manquante</div>');
			erreur = true;
		}
	}

	return erreur;
}

function checkInfos3()
{
	erreur = false;
	/*
	if ($('#field_extra_projet_etat').val() == 0) {
		$('#projet_etat_tooltip').html('<div class="error">Selectionner l\'état de votre projet</div>');
		erreur = true;
	}
	*/
	if ($('#field_extra_projet_habitat').val() == '') {
		if ($('#field_extra_projet_habitat').attr('disabled') == false) {
			$('#projet_habitat_tooltip').html('<div class="error">Selectionner votre habitat</div>');
			erreur = true;
		}
	}
	if ($('#field_extra_projet_energie').val() == '') {
		if ($('#field_extra_projet_energie').attr('disabled') == false) {
			$('#projet_energie_tooltip').html('<div class="error">Selectionner votre énergie</div>');
			erreur = true;
		}
	}
	if ($('#field_extra_projet_usage').val() == '') {
		if ($('#field_extra_projet_usage').attr('disabled') == false) {
			$('#projet_usage_tooltip').html('<div class="error">Selectionner l\'usage de votre énergie</div>');
			erreur = true;
		}
	}

	return erreur;
}

function showTab(tab)
{
	$('div.tab').hide();
	$('#menu-'+tab).show();
	$('div.menu a').removeClass('bold');
	$('div.menu a[rel='+tab+']').addClass('bold');
	$('#tab-selected').val(tab);
	$('#formMembre').attr('action', '#'+tab);
}

function uploadCompleteImg(event, queue, file, response, data)
{
	if (response != '') {
		if ($('#images img[alt='+response+']').size() == 0) {
			n = $('input.annuaire_image').size();

			html  = '<li id="img'+n+'">';
			html += '<img src="/files/'+response+'" alt="'+response+'" width="100" height="100" /><br/>';
			html += '<a href="#" onclick="return deleteImg('+n+');">supprimer</a>';
			html += '<input type="hidden" class="annuaire_image" name="annuaire_image[]" id="annuaire_image_'+n+'" value="'+response+'" />';
			html += '</li>';
			$('#images').append(html);
		}
	}
}
function uploadCompleteLogo(event, queue, file, response, data)
{
	if (response != '') {
		html  = '<img src="/files/'+response+'" alt="'+response+'" width="100" height="100" /><br/>';
		html += '<a href="#" onclick="return deleteLogo();">supprimer</a>';
		$('#logo').html(html);

		$('#annuaire_logo').val(response);
	}

}
function uploadCompletePhoto(event, queue, file, response, data)
{
	if (response != '') {
		html  = '<img src="/files/'+response+'" alt="'+response+'" width="100" height="100" /><br/>';
		html += '<a href="#" onclick="return deletePhoto();">supprimer</a>';
		$('#photo_preview').html(html);
		$('#photo').val(response);
		$('#formMembre').submit();
	}

}
function deleteImg(n)
{
	$('#img'+n).remove();
	return false;
}
function deleteLogo()
{
	$('#logo').empty();
	$('#annuaire_logo').val('');
	return false;
}
function deletePhoto()
{
	$('#photo_preview').empty();
	$('#photo').val('');
	return false;
}