/**
 * @author jpgiry
 */
$(document).ready(function(){

	var parent_element	= '#depart';	// identifier of parent element
	var item_element	= '#arrivee';		// identifier of items element
	var post_file		= 'recupere_arrivee.php';	// Post Handler
	var wait_note 	= '<option>Chargement...</option>'; // wait message
	if ($('#defaut_choisissez_ville_destination'))
	var zero_note	= $('#defaut_choisissez_ville_destination').text();
	else
	var zero_note	= "S&eacute;lectionnez une ville d'arriv&eacute;e...";	// no item message
	// parent element onchange handler
	$(parent_element).change(function(){
		var parent = $(parent_element+" option:selected").val();			
		load_items(parent.toString(),0);
	});

	// load at the first time
	sel = sel=='undefined'?0:sel;
	load_items($(parent_element+" option:selected").val(),sel);

	// load items based on selected parent
	function load_items(parent,sel) {

		$(item_element).html(wait_note);
		$.post(post_file, { a: 'item', p: parent },
		function(data){
			var opt = "";
			if(data.length){
				for(i=0;i<data.length;i++) {
					opt += '<option value="' + data[i].code + '"' + (data[i].code==sel?' selected="selected" ':'')+ ' >' + data[i].name + '(' + data[i].code + ')' + '</option>';
				}
			}
			else{
				opt ='<option value="-1">'+zero_note+'</option>';
			}
			$(item_element).html(opt);
		}
		,'json');
	}
});