/*
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',
        method: 'ax'
    },
    yahoo: {
        name: 'Yahoo',      
        url: 'http://yahoo.com/' ,
        method: 'ax'
    },   
     facebook: {
        name: 'facebook',
        url:'https://www.facebook.com/login.php?api_key=255701527787638&cancel_url=http%3A%2F%2Fwww.ec2-107-20-27-144.compute-1.amazonaws.com%2Fcourses%2Fauth%2Fopenid%2Flogin.php&display=page&fbconnect=1&next=http%3A%2F%2Fwww.ec2-107-20-27-144.compute-1.amazonaws.com%2Fcourses%2Flogin%2Findex.php&return_session=1&session_version=3&v=1.0&req_perms=email'
    }
   /* channeldb2: {
        name: 'channeldb2',
        url: 'www.channeldb2.com' ,
        label: 'Enter your Channel DB2 email and password.',
        method: 'ning',
        id: 'db2'
    }
*/   
};
var providers_small = {
   
};
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: 'web/img/',
        
    input_id: null,
    provider_url: null,
    provider_id: null,
        
    init: function(input_id) {
        
        var openid_btns = $('#openid_btns');
        
        this.input_id = input_id;
        
        $('#openid_choice').show();
        $('#openid_input_area').empty();
        
        // add box for each provider
        for (id in providers_large) {
        
            openid_btns.append(this.getBoxHTML(providers_large[id], 'large', '.gif'));
            openid_btns.append('<br/>');
        }
        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 id="' + provider["id"] + '" title="'+provider["name"]+'" href="javascript: openid.signin(\''+ box_id +'\');"' +
        ' style="background: transparent 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;
        }
                
        this.highlight(box_id);
        this.setCookie(box_id);

        //Handle the facebook case. 
        if(provider['name'] == 'facebook' && !onload){
            window.location = provider['url'];
            return;
        }
                
        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;
        }
        if(openid.demo) {
            alert("In client demo mode. Normally would have submitted OpenID:\r\n" + 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: transparent url('+this.img_path+'openid-inputicon.gif) no-repeat scroll 0 50%; padding-left:18px;';
        }
        html += '<input type="hidden" name="method" value="'+ provider['method']+ '" />';
        html += '<input id="'+id+'" type="text" style="'+style+'" name="'+id+'" value="'+value+'" />';
        if(provider['method'] == 'ning'){
            html += '<input id="password" type="password" style="'+style+'" name="password" />';            
        }
            html += '<input id="openid_submit" type="submit" value="Sign-In"/>';
                
        input_area.empty();
        input_area.append(html);

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