var index_list = [];
var bbg_map = {'CDX': ["IG", "HY"], 'ITRX': ["EUR", "XOVER"]}
var index_series = ["21", "23", "24", "25"];
var index_tenor = ["3Y", "5Y", "7Y", "10Y"];
for(var begin_index in bbg_map){
    for(var i=0; i<bbg_map[begin_index].length; i++){
        for(var j=0; j<index_series.length; j++){
            for(var k = 0; k<index_tenor.length; k++){
                index_list.push([begin_index, bbg_map[begin_index][i], 'CDSI',
                                 'S'+index_series[j], index_tenor[k]].join(' '));
            }
        }
    }
};

function callback(data) {
    data = JSON.parse(data);
    $('fixed_rate').value=data['coupon']/100;
    $('security_id').value=data['redcode'];
    $('maturity').value=data['maturity'];
    console.log(data);
};

var datalist = $('index_list');
index_list.forEach(function(item){
    var option = document.createElement('option');
    option.value = item;
    datalist.appendChild(option);
});

document.addEventListener("DOMContentLoaded", function(){
    $('swap_type').addEventListener('change',
                                    function(){
                                        if(this.value=='CD_INDEX_TRANCHE'){
                                            $('attach').parentNode.parentNode.style.display='block';
                                            $('detach').parentNode.parentNode.style.display='block';
                                        }else{
                                            $('attach').parentNode.parentNode.style.display='none';
                                            $('detach').parentNode.parentNode.style.display='none';
                                        }
                                    });
    $('security_desc').setAttribute('list', 'index_list');
    $('security_desc').addEventListener('change', function(){
        query('../_ajax', {bbg_id: this.value}, callback);
    });
    var event = new Event('change');
    $('swap_type').dispatchEvent(event);
})