function fillData(data, keycode) {
    $.each(data, function(key, value) {
        if(key == 'phone_number') {
            $('[data='+keycode+'][field='+key+']').attr('href', 'tel:' + value)
            $('[data='+keycode+'][field='+key+']').html(value)
        } else if(key == 'email') {
            $('[data='+keycode+'][field='+key+']').attr('href', 'mailto:' + value)
            $('[data='+keycode+'][field='+key+']').html(value)
        } else if(key == 'avatar') {
            $('[data='+keycode+'][field='+key+']').attr('src', value)
        } else {
            $('[data='+keycode+'][field='+key+']').html(value)
        }
    })
}

//hiển thị thông tin ứng viên lên màn hình
fillData(userData, 'userData')

//Hiển thị data khác
var list = ['introduce', 'experience', 'skill', 'education', 'cerfiticate', 'language', 'interest']
var dataList = [introduceData, experienceData, skillData, educationData, cerfiticateData, languageData, interestData]

for(k=0;k<list.length;k++) {
    dataType = list[k]
    data = dataList[k]

    if(data.length > 0) {
        if($('[items='+dataType+'Loop]').length == 0) {
            continue;
        }

        itemLoop = $('[items='+dataType+'Loop]').get(0).outerHTML;

        for(i=0;i<data.length;i++) {
            item = itemLoop.split(dataType+'Data').join(dataType+'Data'+data[i].u_id)
            item = item.replace(dataType+'Loop', dataType+'Item')

            item = item.replace(dataType+'Item"', dataType+'Item" dataId = "'+data[i].u_id+'"')
            item = item.replace(dataType+'Item\'', dataType+'Item\' dataId = "'+data[i].u_id+'"')

            $('[items='+dataType+'Loop]').before(item)
            fillData(data[i], dataType+'Data'+data[i].u_id)
        }

        $('[items='+dataType+'Loop]').get(0).remove()
    } else {
        //an thong tin nay => vi rong
        $('[filter='+dataType+'Filter]').remove()
    }
}