function Profile() {

    var pi_Name1_ControlID;
    var pi_Name2_ControlID;
    var pi_Role1_ControlID;
    var pi_Role2_ControlID;
    var pi_Image_ControlID;
    var pi_Desc_ControlID;
    
    this.Initialise = function(Name1_ControlID, Name2_ControlID, Role1_ControlID, Role2_ControlID, Image_ControlID, Desc_ControlID) {
        pi_Name1_ControlID = Name1_ControlID;
        pi_Name2_ControlID = Name2_ControlID;
        pi_Role1_ControlID = Role1_ControlID;
        pi_Role2_ControlID = Role2_ControlID;
        pi_Image_ControlID = Image_ControlID;
        pi_Desc_ControlID = Desc_ControlID;
    }
    
    this.Load = function(Name_ValueControlID, Role_ValueControlID, Image_ValueControlID, Desc_ValueControlID) {
        setTextValue(pi_Name1_ControlID, getCtl(Name_ValueControlID).value + ' / ');
        setTextValue(pi_Name2_ControlID, getCtl(Name_ValueControlID).value);
        if (Role_ValueControlID!='') setTextValue(pi_Role1_ControlID, getCtl(Role_ValueControlID).value);
        if (Role_ValueControlID!='') setTextValue(pi_Role2_ControlID, getCtl(Role_ValueControlID).value);
        setTextValue(pi_Desc_ControlID, getCtl(Desc_ValueControlID).value);

        getCtl(pi_Image_ControlID).setAttribute('src', getCtl(Image_ValueControlID).value);
        if (getCtl(pi_Image_ControlID).style)
        {
            getCtl(pi_Image_ControlID).style.visibility = 'visible';
        }
    }
    
    this.Unload = function() {
// Uncomment if you want to reset placeholders when you leave a thumbnail
//        setTextValue(pi_Name1_ControlID, '');
//        setTextValue(pi_Name2_ControlID, '');
//        setTextValue(pi_Role1_ControlID, '');
//        setTextValue(pi_Role2_ControlID, '');
//        setTextValue(pi_Desc_ControlID, '');

//        getCtl(pi_Image_ControlID).setAttribute('src', '');
//        if (getCtl(pi_Image_ControlID).style)
//        {
//            getCtl(pi_Image_ControlID).style.visibility = 'hidden';
//        }
    }
}

function getCtl(id) {
    return document.getElementById(id);
}

function setTextValue(controlID, value) {
    if (getCtl(controlID).innerHTML)
        getCtl(controlID).innerHTML = value + ' ';
    else
        getCtl(controlID).innerText = value + ' ';
}
