function resend() {
    var $fig = $('figure'),
        type = $('#type').val(),
        style = $('#style').val(),
        interpolation = $('#interpolation').val(),
        opts = {},
        vals = [];
    $('.c-opts').each(function() {
        var $this = $(this),
            val = $this.val();
        if($this.attr('type') == 'checkbox') {
            opts[$this.attr('id').replace('c-', '')] = $this.is(":checked");
        } else if(val) {
            opts[$this.attr('id').replace('c-', '')] = val;
        }
    });
    if(interpolation) {
        opts['interpolate'] = interpolation;
    }
    $('.data .controls').each(function () {
        var label = $(this).find('.serie-label').val(),
            values = $(this).find('.serie-value').val();
        vals.push([label, values.split(',').map(function (v) { return parseFloat(v); })]);
    });
    $.ajax({
        url: '/svg',
        type: 'POST',
        data: {
            type: type,
            style: style,
            vals: JSON.stringify({vals: vals}),
            opts: JSON.stringify(opts)
        },
        dataType: 'html',
        traditional: true
    }).done(function (data) {
        // $fig.find('div').get(0).innerHTML = data;
        $fig.find('div').html(data);
        init_svg($fig.find('svg').get(0));
        $('.nav a').css({color: ''});
    }).fail(function () {
        $('.nav a').css({color: 'red'});
    });
}

$(function () {
    $('#type').add('#style').add('#interpolation').on('change', resend);
    $('#data').on('input', resend);
    $('.c-opts:not([type=checkbox])').on('input', resend);
    $('.c-opts[type=checkbox]').on('change', resend);
    $('div.tt').tooltip({ placement: 'top' });
    $('.control-group.data').on('click keypress', '.btn.rem', function () {
        if($('.data .controls').length > 1) {
            $(this).closest('.controls').remove();
        }
    });
    $('.control-group.data').on('click keypress', '.btn.add', function () {
        $(this).siblings('.controls').last().clone().insertBefore($(this)).find('input').val('');
    });
    $('.control-group.data').on('input', 'input', resend);
    resend();
});