text: /*
  Simple OpenID Plugin
  https://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: 'https://me.yahoo.com/'
      },
      aol: {
          name: 'AOL',
          label: 'Enter your AOL screenname.',
          url: 'https://openid.aol.com/{username}'
      },
      verisign: {
          name: 'Verisign',
          label: 'Your Verisign username',
          url: 'http://{username}.pip.verisignlabs.com/'
      },
      openid: {
          name: 'OpenID',
          label: 'Enter your OpenID.',
          url: null
      }
  };
  var providers_small = {
      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: 'https://flickr.com/{username}/'
      },
      technorati: {
          name: 'Technorati',
          label: 'Enter your Technorati username.',
          url: 'https://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: 'https://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: 'resources/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'));
          }
          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>';
  
      },
      /* 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;
          }
          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:#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+'" />' +
                      '<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;
      }
  };
  