OpenNebula

              <!--custom variables -->\

			  <div class="vm_section" id="custom_var">\

			  	<div class="show_hide" id="add_context_cb">\

			  	  <h3>Add custom variables <a id="add_custom_var" class="icon_left" href="#"><span class="ui-icon ui-icon-plus" /></a></h3>\

			    </div>\

			  <fieldset><legend>Custom variables</legend>\

              <div class="vm_param kvm_opt xen_opt vmware_opt">\

                    <label for="custom_var_name">Name:</label>\

                    <input type="text" id="custom_var_name" name="custom_var_name" />\

                    <div class="tip">Name for the custom variable</div>\

              </div>\

              <div class="vm_param kvm_opt xen_opt">\

                    <label for="custom_var_value">Value:</label>\

                    <input type="text" id="custom_var_value" name="custom_var_value" />\

                    <div class="tip">Value of the custom variable</div>\

              </div>\

              <div class="">\

                    <button class="add_remove_button add_button" id="add_custom_var_button" value="add_custom_var">Add</button>\

                    <button class="add_remove_button" id="remove_custom_var_button" value="remove_custom_var">Remove selected</button>\

                    <div class="clear"></div>\

                    <label for="custom_var_box">Current variables:</label>\

                    <select id="custom_var_box" name="custom_var_box" style="width:150px;height:100px;" multiple>\

                    </select>\

              </div>\

              </fieldset>\

              </div>\

    //set up the custom variables section

    var custom_variables_setup = function(){

        $('fieldset',section_custom_var).hide();

        $('#add_custom_var',section_custom_var).click(function(){

                $('fieldset',section_custom_var).toggle();

                return false;

        });

        $('#add_custom_var_button', section_custom_var).click(

        function(){

            var name = $('#custom_var_name',section_custom_var).val();

            var value = $('#custom_var_value',section_custom_var).val();

            if (!name.length || !value.length) {

                notifyError("Custom variable name and value must be\

                filled in");

                return false;

            }

            option= '<option value=\''+value+'\' name=\''+name+'\'>'+

            name+'='+value+

            '</option>';

            $('select#custom_var_box',section_custom_var).append(option);

            return false; 

        });

        $('#remove_custom_var_button', section_custom_var).click(

            function(){

                box_remove_element(section_custom_var,'#custom_var_box');

                return false; 

        });

    }

    var section_custom_var = $('#custom_var');

    custom_variables_setup();

        var name,value,boot_method;

        //custom vars

        scope = section_custom_var;

        $('#custom_var_box option',scope).each(function(){

            name = $(this).attr("name");

            value = $(this).val();

            vm_json[name]=value;

        });