function getData(uuid){
    $.getJSON('http://localhost:8097/mock/json', function(json) {
       fillStaticFields(json[0].clientUUID
                        , json[0].mockedResponseId
                        , json[0].mediaType
                        , json[0].messageBody
                        , json[0].httpStatus);
       fillHeaderTable(json[0].httpHeaders);

    });
}

function fillStaticFields(uuid, id, mediaType, body, httpStatus){
    $('#messageLink').html(createLink(uuid,id));
    $('#typeSelector').val(mediaType);
    $('#bodyEditor').html(body);

    //TODO: HttpStatus
}

function createLink(uuid, id){
    var link = 'http://localhost:8097/klaus/v1/'+uuid+'/'+id;
    return link;
}

function fillHeaderTable(headers){
    var innerHTML = $('#headerTable').html();
    innerHTML += generateHeaderTable(headers);
    $('#headerTable').html(innerHTML);
}

function generateHeaderTable(headers){
    var innerHTML = '';
    var keys = Object.keys(headers);
    for(var h in headers){
        innerHTML +=
            '<tr>' +
                '<td class="headerName">' + keys[h] + '</td>' +
                '<td class="headerField">' + headers[h] + '</td>' +
            '</tr>'
    }
    return innerHTML;
}

$(document).ready(getData());