var misc = new Misc();
var language = new Language();

function init(version) {
    language.callAfterLoaded = AddUserProperties;
    language.loadByVersion(version);
}

function AddUserProperties() {
    if ( document.getElementById('UserPropScript') ) {
        document.body.removeChild(document.getElementById('UserPropScript'));
    }
    var script = document.createElement("script");
    script.id = 'UserPropScript';
    script.type = "text/javascript";
    script.src = 'http://captionxservice.appspot.com/api?Operation=GetUser&Output=json' +
                  '&Uri=http://captionx.com/dashboard&Callback=GetUser&r=' + misc.getRandomString();
    document.body.appendChild(script);
}

function GetUser(object) {
    var html = '';
    if (object.error) {
        var loginUrl = object.error.url;
        html += '<a href="/">&gt;&gt; ' + language.get('playGame') + '</a> | <a href="' + loginUrl + '">' + language.get('signIn') + '</a>';
    }
    else if (object.you) {
        var user = object.you;
        html += 'hi ' + misc.toXml(user.alias) + '! (' + language.get('karmaColon').toLowerCase() + ' ' + user.karma + ')';
        html += ' | <a href="/">&gt;&gt; ' + language.get('playGame') + '</a> | ' +
                '<a href="/upload"><img src="/image/upload.png" alt="" /> ' + language.get('uploadPics') + '</a> | ' +
                '<a href="' + object.signouturl + '" style="color: rgb(110,71,47)">' + language.get('signOut') + '</a>';
    }
    document.getElementById('userInfo').innerHTML = html;
}