var providers_large = {
    google: {
        name: 'Google',
        url: 'https://www.google.com/accounts/o8/id'
    },
    yahoo: {
        name: 'Yahoo',
        url: 'http://yahoo.com/'
    },
    openid: {
        name: 'OpenID',
        isUserNameRequired: 'true',
        url: null
    }
};
var providers_small = {
    myopenid: {
        name: 'MyOpenID',
        isUserNameRequired: 'true',
        url: 'http://{username}.myopenid.com/'
    },
    livejournal: {
        name: 'LiveJournal',
        isUserNameRequired: 'true',
        url: 'http://{username}.livejournal.com/'
    },
    flickr: {
        name: 'Flickr',
        isUserNameRequired: 'true',
        url: 'http://flickr.com/{username}/'
    },
    wordpress: {
        name: 'Wordpress',
        isUserNameRequired: 'true',
        url: 'http://{username}.wordpress.com/'
    },
    blogger: {
        name: 'Blogger',
        isUserNameRequired: 'true',
        url: 'http://{username}.blogspot.com/'
    },
    verisign: {
        name: 'Verisign',
        isUserNameRequired: 'true',
        url: 'http://{username}.pip.verisignlabs.com/'
    },
    vidoop: {
        name: 'Vidoop',
        isUserNameRequired: 'true',
        url: 'http://{username}.myvidoop.com/'
    },
    verisign: {
        name: 'Verisign',
        isUserNameRequired: 'true',
        url: 'http://{username}.pip.verisignlabs.com/'
    },
    claimid: {
        name: 'ClaimID',
        isUserNameRequired: 'true',
        url: 'http://claimid.com/{username}'
    }
};
var providers = $.extend({}, providers_large, providers_small);

var openid = {

    cookie_expires: 6 * 30, // 6 months.
    cookie_name: 'openid_provider',
    cookie_path: '/',
    img_path: '/DesktopModules/AuthenticationServices/ExtendedOpenID/images/',

    input_id: null,
    provider_url: null,

    init: function(input_id) {
        var openid_btns = $('#openid_btns');
        this.input_id = input_id;
        $('#openid_choice').show();

        // add box for each provider
        for (id in providers_large) {

            openid_btns.append(this.getBoxHTML(providers_large[id], 'large', '.gif'));
        }
        if (providers_small) {
            openid_btns.append('<br/>');

            for (id in providers_small) {

                openid_btns.append(this.getBoxHTML(providers_small[id], 'small', '.png'));
            }
        }

        var box_id = this.readCookie();
        if (box_id) {
            this.signin(box_id, true);
            $('#openid_submit_row').show();
        }
        else {
            $('#openid_submit_row').hide();
        }
    },
    getBoxHTML: function(provider, box_size, image_ext) {

        var box_id = provider["name"].toLowerCase();
        return '<a title="' + provider["name"] + '" href="javascript: openid.signin(\'' + box_id + '\');"' +
        		' style="background: #FFF url(' + this.img_path + box_id + image_ext + ') no-repeat center center" ' +
        		'class="' + box_id + ' openid_' + box_size + '_btn"></a>';

    },
    /* Provider image click */
    signin: function(box_id, onload) {
        var provider = providers[box_id];
        if (!provider) {
            return;
        }

        $('#openid_submit_row').show();
        this.highlight(box_id);
        this.setCookie(box_id);
        $('#openid_url').val(provider['url']);

        // prompt user for input?
        if (provider['isUserNameRequired'] == 'true') {
            this.useInputBox(provider);
            this.provider_url = provider['url'];
            $('#openid_identifier_label_row').show();
            $('#openid_identifier_row').show();
        } else {
            $('#openid_identifier_label_row').hide();
            $('#openid_identifier_row').hide();

            if (!onload) {
                $('#cmdLogin').submit();
            }
        }
    },
    highlight: function(box_id) {

        // remove previous highlight.
        var highlight = $('#openid_highlight');
        if (highlight) {
            highlight.replaceWith($('#openid_highlight a')[0]);
        }
        // add new highlight.
        $('.' + box_id).wrap('<div id="openid_highlight"></div>');
    },
    setCookie: function(value) {

        var date = new Date();
        date.setTime(date.getTime() + (this.cookie_expires * 24 * 60 * 60 * 1000));
        var expires = "; expires=" + date.toGMTString();

        document.cookie = this.cookie_name + "=" + value + expires + "; path=" + this.cookie_path;
    },
    readCookie: function() {
        var nameEQ = this.cookie_name + "=";
        var ca = document.cookie.split(';');
        for (var i = 0; i < ca.length; i++) {
            var c = ca[i];
            while (c.charAt(0) == ' ') c = c.substring(1, c.length);
            if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
        }
        return null;
    },
    useInputBox: function(provider) {
        var openid_identifier = $('#openid_identifier');
        var label = null;

        if (provider['name'] == 'OpenID') {
            label = 'Other OpenID:';
            openid_identifier.val('http://');
        } else {
            label = provider['name'] + ' username:';

            if (openid_identifier.val().indexOf('http://') > -1) {
                openid_identifier.val('');
            }
        }

        if (label) {
            $('#openid_identifier_label').text(label);
        }

        openid_identifier.focus();
    }
};