/*
*/

function removeAllNode(obj)
{
	while(obj.hasChildNodes())
	{
		obj.removeChild(obj.firstChild);
	}
}

function initMotoChoice() {
if($( 'motomarque' ) != undefined)
    $( 'motomarque' ).onchange = function() {
        AjaxModeles( this.options[ this.selectedIndex ].value );
    }

}

function AjaxModeles( idMarque) {

    var pars = 'idMarque=' + idMarque;
		var opt = {
		    method: 'post',
		    postBody: pars,
		    onSuccess: showModels,
		    on404: function(t) {
		        alert( '404' );
		    },
		    onFailure: function(t) {
		        alert( 'failure' );
		    }
		}

		new Ajax.Request( '/do-ajax-moto_modele.php', opt );

}

function showModels( originalRequest ) {

    //alert( originalRequest.responseText );

		var eltRoot = originalRequest.responseXML.getElementsByTagName( "response" )[0];
		if ( eltRoot ) {

        // on efface les options du menu deroulant des transferts de l'etape :
				removeAllNode( $( 'motomodele' ) );

				var modelsNodes = eltRoot.childNodes;
				var nodes = $A( modelsNodes );
				nodes.each( function( node ) {
						attrs = node.attributes;
						// identifiant du modele
						var idModel = attrs[0].nodeValue;
						// libelle du modele :
						var libModel = attrs[1].nodeValue;
						// cylindree du modele :
						var cylindreeModel = attrs[2].nodeValue;
						// on cree une ligne <option>...
						var modelOption = document.createElement( 'option' );
						modelOption.setAttribute( 'value', idModel );
						var libModelOption = document.createTextNode( libModel + ' ' + cylindreeModel );
						modelOption.appendChild( libModelOption );
						//	que l'on "attache" au menu deroulant :
						$( 'motomodele' ).appendChild( modelOption );
				});

		}

}