$(function() {
	$('select#pays').change(function(){go_pays();});
	$('select#region').change(function(){go_region();});
	});
	
function go_pays() {
	
	var divParent = $('#id_region');
    $(divParent).children('#region').remove();
	
	var id_pays = $('select#pays').val();
	
	$.ajax({
            type: 'post',
            url: 'ajax_pays.php',
            data: 'pays=' + id_pays,

            success: function(results) {
				
				$(divParent).html(results);
				$('select#region').change(function(){go_region();});
            }
		}); // end ajax
	$('#id_ville').children('#ville').remove();
	$('#id_ville').append("<select id='ville' name='ville'><option value='-1' selected='selected'>Choisir une région</option> </select>");
	$('#id_lieu').children('#lieu').remove();
	$('#id_lieu').append("<select id='lieu' name='lieu'><option value='-1' selected='selected'>Choisir une région</option> </select>");
	$('#id_extra').children('#extra').remove();
	$('#id_extra').append("<select id='extra' name='extra'><option value='-1' selected='selected'>Choisir une région</option> </select>");
	
}

function go_region() {
		
	var divParent = $('#id_ville');
    $(divParent).children('#ville').remove();
	
	var id_region = $('select#region').val();
	$.ajax({
            type: 'post',
            url: 'ajax_region.php',
            data: 'region=' + id_region,

            success: function(results) {
                $(divParent).html(results);
				$('select#ville').change(function(){go_ville();});
				//$(divParent).trigger("update");

            }
		}); // end ajax
	$('#id_lieu').children('#lieu').remove();
	$('#id_lieu').append("<select id='lieu' name='lieu'><option value='-1' selected='selected'>Choisir une ville</option> </select>");
	$('#id_extra').children('#extra').remove();
	$('#id_extra').append("<select id='extra' name='extra'><option value='-1' selected='selected'>Choisir une ville</option> </select>");
}


function go_ville() {
		
	var divParent = $('#id_lieu');
    $(divParent).children('#lieu').remove();
	
	var id_ville = $('select#ville').val();
	
	$.ajax({
            type: 'post',
            url: 'ajax_ville.php',
            data: 'ville=' + id_ville,

            success: function(results) {
                (divParent).html(results);
				$('select#lieu').change(function(){go_lieu();});
				
            }
		}); // end ajax
	$('#id_extra').children('#extra').remove();
	$('#id_extra').append("<select id='extra' name='extra'><option value='-1' selected='selected'>Choisir un lieu</option> </select>");
}

function go_lieu() {
		
	var divParent = $('#id_extra');
    $(divParent).children('#extra').remove();
	
	var id_lieu = $('select#lieu').val();
	var id_ville = $('select#ville').val();
	
	$.ajax({
            type: 'post',
            url: 'ajax_lieu.php',
            data: 'lieu=' + id_lieu + '&ville=' + id_ville,

            success: function(results) {
                (divParent).html(results);
				
				
            }
		}); // end ajax
}