6

function dmx_input (head, attr) {

     7

    var value = $('.dmx-input#' + head + '-' + attr).val();

     8

     9

    if (value == undefined )

    10

        return undefined;

    11

    12

    if (value == "")

    13

        return 0; // default

    14

    15

    return parseInt(value);

    16

}

    17

    18

/*

    36

 * Update color for head.

    37

 */

    38

function dmx_color (head) {

    39

    var alpha = dmx_input(head, 'alpha');

    40

    41

    if (alpha) 

    42

        alpha = alpha / 255;

    43

    44

    $('.dmx-color#' + head + '-color').background_color(

    45

            dmx_input(head, 'red') / 255,

    46

            dmx_input(head, 'green') / 255,

    47

            dmx_input(head, 'blue') / 255,

    48

            alpha

    49

    );

    50

}

    51

    52

/*

    53

 * Update slider from <input>.

    54

 */

    55

function _slider_input (input, slider) {

    56

    var value;

    57

    58

    if (input.val())

    59

        value = parseInt(input.val());

    60

    else

    61

        value = 0;

    62

    63

    slider.slider('value', value);

    64

}

    65

    66

/*

    67

 * Bind given <input> to given slider.

    68

 */

    69

function slider_input (input, slider) {

    70

    // bind

    75

    76

    // initialize

    77

    _slider_input(input, slider);

    78

}

    79

    80

$(function () {

    81

    $('.dmx-input').each(function () {

    82

        var attr = this.id;

    83

        var head = attr.split('-', 1)[0];

    84

        var input = $(this);

    85

        var slider = $('.dmx-slider#' + attr + '-slider');

    86

        var color = $('.dmx-color#' + head + '-color');

    87

    88

        // slider control

    89

        slider.slider({

    90

            orientation:    'horizontal',

    91

            range:          'min',

    92

            min:            0,

    93

            max:            255,

    94

    95

            slide:          function () {

    96

                var value = slider.slider('value');

    97

    98

                // update input

    99

                input.val(value.toString());

   100

   101

                if (color) {

   102

                    // update color value

   103

                    dmx_color(head);

   104

                }

   105

   108

            },

   109

        });

   110

   111

        // update slider from <input>

   112

        slider_input(input, slider);

   113

   114

        // init

   115

        if (color) {

   116

            dmx_color(head);

   117

        }

   118

    });

   119

});