jQuery('document').ready(function(){


    jQuery( "span#calculer_mon_volume" ).click(function() {
        jQuery( "#dialog-form" ).dialog( "open" );
		return false;
    });
    jQuery( "#accordion" ).accordion({
        autoHeight: false
    });

    jQuery( "#dialog-form" ).dialog({
        autoOpen: false,
        height: 700,
        width: 600,
        modal: true,
		title:"Calculer mon Volume",
        position: 'center',
        buttons: {
            "Valider": function() {
                var volume_result = jQuery('#volume_result').val();
                jQuery('input[name="volumeenm3"]').val(volume_result);
                jQuery("#dialog-form").dialog("close");
            },
            "Annuler": function(){
                jQuery("#dialog-form").dialog("close");
            }
        },

        close: function() {
        }
    });

    jQuery('.element_volume').each(function(){
        var _this = this;

        var volume = 0;
        var coef = parseFloat(jQuery('input.coef_element', _this).val());


        var nb_element = parseInt(jQuery('input.nb_element', _this).val());
        jQuery('img.plus', _this).click(function(){
            volume = parseFloat(jQuery('input#volume_result').val());
            nb_element += 1;
            jQuery('input.nb_element', _this).val(nb_element);
            volume += coef;
            jQuery('input#volume_result').val(volume);
			change_volume(volume);
        });
        jQuery('img.minus', _this).click(function(){
            volume = parseFloat(jQuery('input#volume_result').val());
            if(nb_element > 0){
                nb_element -= 1;
                jQuery('input.nb_element', _this).val(nb_element);
				volume -= coef;
            }else{
                jQuery('input.nb_element', _this).val(0);
            }

			if(volume < 0){
				volume = 0;
			}
            jQuery('input#volume_result').val(volume);
			change_volume(volume);
        });
    });




});
function change_volume(volume) {
	var chemin = jQuery('div#img-camion img').attr('rel');
	if(volume > 50){
		var camion = 'camion-40.gif';
	}else if(volume > 20){
		var camion = 'camion-20.gif';
	}else if(volume > 14){
		var camion = 'camion-14.gif';
	}else if(volume > 10){
		var camion = 'camion-10.gif';
	}else if(volume > 7){
		var camion = 'camion-7.gif';
	}else if(volume > 5){
		var camion = 'camion-5.gif';
	}else{
		var camion = 'camion-0.gif';
	}
	jQuery('div#img-camion img').attr('src', chemin + camion);
};