/*
Simple OpenID Plugin
http://code.google.com/p/openid-selector/

This code is licenced under the New BSD License.
*/

var providers_large = {
    google: {
        name: 'Google',
        url: 'https://www.google.com/accounts/o8/id'
    },
    yahoo: {
        name: 'Yahoo',
        url: 'http://yahoo.com/'
    },
    aol: {
        name: 'AOL',
//        label: 'Enter your AOL screenname.',
        //url: 'http://openid.aol.com/{username}'
        url: 'http://openid.aol.com/'
    }
//    openid: {
//        name: 'OpenID',
//        label: 'Enter your OpenID.',
//        url: null
//    }
};
var providers_small = null;  //{
//    myopenid: {
//        name: 'MyOpenID',
//        label: 'Enter your MyOpenID username.',
//        url: 'http://{username}.myopenid.com/'
//    },
//    livejournal: {
//        name: 'LiveJournal',
//        label: 'Enter your Livejournal username.',
//        url: 'http://{username}.livejournal.com/'
//    },
//    flickr: {
//        name: 'Flickr',
//        label: 'Enter your Flickr username.',
//        url: 'http://flickr.com/{username}/'
//    },
//    technorati: {
//        name: 'Technorati',
//        label: 'Enter your Technorati username.',
//        url: 'http://technorati.com/people/technorati/{username}/'
//    },
//    wordpress: {
//        name: 'Wordpress',
//        label: 'Enter your Wordpress.com username.',
//        url: 'http://{username}.wordpress.com/'
//    },
//    blogger: {
//        name: 'Blogger',
//        label: 'Your Blogger account',
//        url: 'http://{username}.blogspot.com/'
//    },
//    vidoop: {
//        name: 'Vidoop',
//        label: 'Your Vidoop username',
//        url: 'http://{username}.myvidoop.com/'
//    },
//    claimid: {
//        name: 'ClaimID',
//        label: 'Your ClaimID username',
//        url: 'http://claimid.com/{username}'
//    }
//};
var providers = $.extend({}, providers_large, providers_small);

var openid = {

    demo: false,
    ajaxHandler: null,
    cookie_expires: 6 * 30, // 6 months.
    cookie_name: 'openid_provider',
    cookie_path: '/',

    img_path: imgbaseUrl,
    


    input_id: null,
    provider_url: null,
    provider_id: null,

    init: function (input_id, facebookUrl) {

        var openid_btns = $('#openid_btns');

        this.input_id = input_id;

        $('#openid_choice').show();
        $('#openid_input_area').empty();


        openid_btns.append(this.getFacebookHTML(facebookUrl));

        // 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', '.ico'));
            }
        }

        $('#openid_form').submit(this.submit);

        var box_id = this.readCookie();
        if (box_id) {
            this.signin(box_id, true);
        }
    },
    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>';

    },
    getFacebookHTML: function (url) {

        var box_id = "facebook";
        return '<a title="facebook" href="'+ url +'"' + 
        ' style="background: #FFF url(' +this.img_path+box_id + '.gif) no-repeat center center" ' +
    		'class="' + box_id + ' openid_large_btn"></a>';

    },
    /* Provider image click */
    signin: function (box_id, onload) {

        var provider = providers[box_id];
        if (!provider) {
            return;
        }

        this.highlight(box_id);
        this.setCookie(box_id);

        this.provider_id = box_id;
        this.provider_url = provider['url'];

        // prompt user for input?
        if (provider['label']) {
            this.useInputBox(provider);
        } else {
            $('#openid_input_area').empty();
            if (!onload) {
                $('#openid_form').submit();
            }
        }
    },
    /* Sign-in button click */
    submit: function () {

        var url = openid.provider_url;
        if (url) {
            url = url.replace('{username}', $('#openid_username').val());
            openid.setOpenIdUrl(url);
        }
        if (openid.ajaxHandler) {
            openid.ajaxHandler(openid.provider_id, document.getElementById(openid.input_id).value);
            return false;
        }
        return true;
    },
    setOpenIdUrl: function (url) {

        var hidden = document.getElementById(this.input_id);
        if (hidden != null) {
            hidden.value = url;
        } else {
            $('#openid_form').append('<input type="hidden" id="' + this.input_id + '" name="' + this.input_id + '" value="' + url + '"/>');
        }
    },
    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 input_area = $('#openid_input_area');

        var html = '';
        var id = 'openid_username';
        var value = '';
        var label = provider['label'];
        var style = '';

        if (label) {
            html = '<p>' + label + '</p>';
        }
        if (provider['name'] == 'OpenID') {
            id = this.input_id;
            value = 'http://';
            style = 'background:#FFF url(' + this.img_path + 'openid-inputicon.gif) no-repeat scroll 0 50%; padding-left:18px;';
        }
        html += '<input id="' + id + '" type="text" style="' + style + '" name="' + id + '" value="' + value + '" />' +
					'<button id="openid_submit" type="submit" value="Sign-In" class="button">Sign-In</button>';

        input_area.empty();
        input_area.append(html);

        $('#' + id).focus();
    },
    setAjaxHandler: function (ajaxFunction) {
        this.ajaxHandler = ajaxFunction;
    }
};