open_conference_ware 1.0.0.pre1

data/vendor/assets/javascripts/farbtastic.js

@@ -0,0 +1,329 @@
+// $Id: farbtastic.js,v 1.2 2007/01/08 22:53:01 unconed Exp $
+// Farbtastic 1.2
+
+jQuery.fn.farbtastic = function (callback) {
+  $.farbtastic(this, callback);
+  return this;
+};
+
+jQuery.farbtastic = function (container, callback) {
+  var container = $(container).get(0);
+  return container.farbtastic || (container.farbtastic = new jQuery._farbtastic(container, callback));
+}
+
+jQuery._farbtastic = function (container, callback) {
+  // Store farbtastic object
+  var fb = this;
+
+  // Insert markup
+  $(container).html('<div class="farbtastic"><div class="color"></div><div class="wheel"></div><div class="overlay"></div><div class="h-marker marker"></div><div class="sl-marker marker"></div></div>');
+  var e = $('.farbtastic', container);
+  fb.wheel = $('.wheel', container).get(0);
+  // Dimensions
+  fb.radius = 84;
+  fb.square = 100;
+  fb.width = 194;
+
+  // Fix background PNGs in IE6
+  if (navigator.appVersion.match(/MSIE [0-6]\./)) {
+    $('*', e).each(function () {
+      if (this.currentStyle.backgroundImage != 'none') {
+        var image = this.currentStyle.backgroundImage;
+        image = this.currentStyle.backgroundImage.substring(5, image.length - 2);
+        $(this).css({
+          'backgroundImage': 'none',
+          'filter': "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='" + image + "')"
+        });
+      }
+    });
+  }
+
+  /**
+   * Link to the given element(s) or callback.
+   */
+  fb.linkTo = function (callback) {
+    // Unbind previous nodes
+    if (typeof fb.callback == 'object') {
+      $(fb.callback).unbind('keyup', fb.updateValue);
+    }
+
+    // Reset color
+    fb.color = null;
+
+    // Bind callback or elements
+    if (typeof callback == 'function') {
+      fb.callback = callback;
+    }
+    else if (typeof callback == 'object' || typeof callback == 'string') {
+      fb.callback = $(callback);
+      fb.callback.bind('keyup', fb.updateValue);
+      if (fb.callback.get(0).value) {
+        fb.setColor(fb.callback.get(0).value);
+      }
+    }
+    return this;
+  }
+  fb.updateValue = function (event) {
+    if (this.value && this.value != fb.color) {
+      fb.setColor(this.value);
+    }
+  }
+
+  /**
+   * Change color with HTML syntax #123456
+   */
+  fb.setColor = function (color) {
+    var unpack = fb.unpack(color);
+    if (fb.color != color && unpack) {
+      fb.color = color;
+      fb.rgb = unpack;
+      fb.hsl = fb.RGBToHSL(fb.rgb);
+      fb.updateDisplay();
+    }
+    return this;
+  }
+
+  /**
+   * Change color with HSL triplet [0..1, 0..1, 0..1]
+   */
+  fb.setHSL = function (hsl) {
+    fb.hsl = hsl;
+    fb.rgb = fb.HSLToRGB(hsl);
+    fb.color = fb.pack(fb.rgb);
+    fb.updateDisplay();
+    return this;
+  }
+
+  /////////////////////////////////////////////////////
+
+  /**
+   * Retrieve the coordinates of the given event relative to the center
+   * of the widget.
+   */
+  fb.widgetCoords = function (event) {
+    var x, y;
+    var el = event.target || event.srcElement;
+    var reference = fb.wheel;
+
+    if (typeof event.offsetX != 'undefined') {
+      // Use offset coordinates and find common offsetParent
+      var pos = { x: event.offsetX, y: event.offsetY };
+
+      // Send the coordinates upwards through the offsetParent chain.
+      var e = el;
+      while (e) {
+        e.mouseX = pos.x;
+        e.mouseY = pos.y;
+        pos.x += e.offsetLeft;
+        pos.y += e.offsetTop;
+        e = e.offsetParent;
+      }
+
+      // Look for the coordinates starting from the wheel widget.
+      var e = reference;
+      var offset = { x: 0, y: 0 }
+      while (e) {
+        if (typeof e.mouseX != 'undefined') {
+          x = e.mouseX - offset.x;
+          y = e.mouseY - offset.y;
+          break;
+        }
+        offset.x += e.offsetLeft;
+        offset.y += e.offsetTop;
+        e = e.offsetParent;
+      }
+
+      // Reset stored coordinates
+      e = el;
+      while (e) {
+        e.mouseX = undefined;
+        e.mouseY = undefined;
+        e = e.offsetParent;
+      }
+    }
+    else {
+      // Use absolute coordinates
+      var pos = fb.absolutePosition(reference);
+      x = (event.pageX || 0*(event.clientX + $('html').get(0).scrollLeft)) - pos.x;
+      y = (event.pageY || 0*(event.clientY + $('html').get(0).scrollTop)) - pos.y;
+    }
+    // Subtract distance to middle
+    return { x: x - fb.width / 2, y: y - fb.width / 2 };
+  }
+
+  /**
+   * Mousedown handler
+   */
+  fb.mousedown = function (event) {
+    // Capture mouse
+    if (!document.dragging) {
+      $(document).bind('mousemove', fb.mousemove).bind('mouseup', fb.mouseup);
+      document.dragging = true;
+    }
+
+    // Check which area is being dragged
+    var pos = fb.widgetCoords(event);
+    fb.circleDrag = Math.max(Math.abs(pos.x), Math.abs(pos.y)) * 2 > fb.square;
+
+    // Process
+    fb.mousemove(event);
+    return false;
+  }
+
+  /**
+   * Mousemove handler
+   */
+  fb.mousemove = function (event) {
+    // Get coordinates relative to color picker center
+    var pos = fb.widgetCoords(event);
+
+    // Set new HSL parameters
+    if (fb.circleDrag) {
+      var hue = Math.atan2(pos.x, -pos.y) / 6.28;
+      if (hue < 0) hue += 1;
+      fb.setHSL([hue, fb.hsl[1], fb.hsl[2]]);
+    }
+    else {
+      var sat = Math.max(0, Math.min(1, -(pos.x / fb.square) + .5));
+      var lum = Math.max(0, Math.min(1, -(pos.y / fb.square) + .5));
+      fb.setHSL([fb.hsl[0], sat, lum]);
+    }
+    return false;
+  }
+
+  /**
+   * Mouseup handler
+   */
+  fb.mouseup = function () {
+    // Uncapture mouse
+    $(document).unbind('mousemove', fb.mousemove);
+    $(document).unbind('mouseup', fb.mouseup);
+    document.dragging = false;
+  }
+
+  /**
+   * Update the markers and styles
+   */
+  fb.updateDisplay = function () {
+    // Markers
+    var angle = fb.hsl[0] * 6.28;
+    $('.h-marker', e).css({
+      left: Math.round(Math.sin(angle) * fb.radius + fb.width / 2) + 'px',
+      top: Math.round(-Math.cos(angle) * fb.radius + fb.width / 2) + 'px'
+    });
+
+    $('.sl-marker', e).css({
+      left: Math.round(fb.square * (.5 - fb.hsl[1]) + fb.width / 2) + 'px',
+      top: Math.round(fb.square * (.5 - fb.hsl[2]) + fb.width / 2) + 'px'
+    });
+
+    // Saturation/Luminance gradient
+    $('.color', e).css('backgroundColor', fb.pack(fb.HSLToRGB([fb.hsl[0], 1, 0.5])));
+
+    // Linked elements or callback
+    if (typeof fb.callback == 'object') {
+      // Set background/foreground color
+      $(fb.callback).css({
+        backgroundColor: fb.color,
+        color: fb.hsl[2] > 0.5 ? '#000' : '#fff'
+      });
+
+      // Change linked value
+      $(fb.callback).each(function() {
+        if (this.value && this.value != fb.color) {
+          this.value = fb.color;
+        }
+      });
+    }
+    else if (typeof fb.callback == 'function') {
+      fb.callback.call(fb, fb.color);
+    }
+  }
+
+  /**
+   * Get absolute position of element
+   */
+  fb.absolutePosition = function (el) {
+    var r = { x: el.offsetLeft, y: el.offsetTop };
+    // Resolve relative to offsetParent
+    if (el.offsetParent) {
+      var tmp = fb.absolutePosition(el.offsetParent);
+      r.x += tmp.x;
+      r.y += tmp.y;
+    }
+    return r;
+  };
+
+  /* Various color utility functions */
+  fb.pack = function (rgb) {
+    var r = Math.round(rgb[0] * 255);
+    var g = Math.round(rgb[1] * 255);
+    var b = Math.round(rgb[2] * 255);
+    return '#' + (r < 16 ? '0' : '') + r.toString(16) +
+           (g < 16 ? '0' : '') + g.toString(16) +
+           (b < 16 ? '0' : '') + b.toString(16);
+  }
+
+  fb.unpack = function (color) {
+    if (color.length == 7) {
+      return [parseInt('0x' + color.substring(1, 3)) / 255,
+        parseInt('0x' + color.substring(3, 5)) / 255,
+        parseInt('0x' + color.substring(5, 7)) / 255];
+    }
+    else if (color.length == 4) {
+      return [parseInt('0x' + color.substring(1, 2)) / 15,
+        parseInt('0x' + color.substring(2, 3)) / 15,
+        parseInt('0x' + color.substring(3, 4)) / 15];
+    }
+  }
+
+  fb.HSLToRGB = function (hsl) {
+    var m1, m2, r, g, b;
+    var h = hsl[0], s = hsl[1], l = hsl[2];
+    m2 = (l <= 0.5) ? l * (s + 1) : l + s - l*s;
+    m1 = l * 2 - m2;
+    return [this.hueToRGB(m1, m2, h+0.33333),
+        this.hueToRGB(m1, m2, h),
+        this.hueToRGB(m1, m2, h-0.33333)];
+  }
+
+  fb.hueToRGB = function (m1, m2, h) {
+    h = (h < 0) ? h + 1 : ((h > 1) ? h - 1 : h);
+    if (h * 6 < 1) return m1 + (m2 - m1) * h * 6;
+    if (h * 2 < 1) return m2;
+    if (h * 3 < 2) return m1 + (m2 - m1) * (0.66666 - h) * 6;
+    return m1;
+  }
+
+  fb.RGBToHSL = function (rgb) {
+    var min, max, delta, h, s, l;
+    var r = rgb[0], g = rgb[1], b = rgb[2];
+    min = Math.min(r, Math.min(g, b));
+    max = Math.max(r, Math.max(g, b));
+    delta = max - min;
+    l = (min + max) / 2;
+    s = 0;
+    if (l > 0 && l < 1) {
+      s = delta / (l < 0.5 ? (2 * l) : (2 - 2 * l));
+    }
+    h = 0;
+    if (delta > 0) {
+      if (max == r && max != g) h += (g - b) / delta;
+      if (max == g && max != b) h += (2 + (b - r) / delta);
+      if (max == b && max != r) h += (4 + (r - g) / delta);
+      h /= 6;
+    }
+    return [h, s, l];
+  }
+
+  // Install mousedown handler (the others are set on the document on-demand)
+  $('*', e).mousedown(fb.mousedown);
+
+    // Init color
+  fb.setColor('#000000');
+
+  // Set linked elements/callback
+  if (callback) {
+    fb.linkTo(callback);
+  }
+}

data/vendor/assets/javascripts/html5shiv.js

@@ -0,0 +1,8 @@
+/*
+ HTML5 Shiv v3.6.2pre | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
+*/
+(function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag();
+a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/\w+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x<style>article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}mark{background:#FF0;color:#000}</style>";
+c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="<xyz></xyz>";j="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");var c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode||
+"undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",version:"3.6.2pre",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,b){a||(a=f);if(g)return a.createDocumentFragment();
+for(var b=b||i(a),c=b.frag.cloneNode(),d=0,e=m(),h=e.length;d<h;d++)c.createElement(e[d]);return c}};l.html5=e;q(f)})(this,document);

data/vendor/assets/javascripts/idselector.js

@@ -0,0 +1,538 @@
+(function () {
+    function gen_selector() {
+        var quirksMode = document.compatMode != 'CSS1Compat';
+        
+        function log(msg) {
+            if (window.console) {window.console.log('ID Selector: ' + msg);}
+        }
+        
+        function readCookie(name) {
+            var nameEQ = 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 decodeURIComponent(c.substring(nameEQ.length,c.length));
+            }
+            return null;
+        }
+        var openidCookie = readCookie('__openid_selector_openid');
+        var opIdCookie = readCookie('__openid_selector_op_id');
+        var unameCookie = readCookie('__openid_selector_uname');
+
+        var s;
+        var providers = [{longname: "myOpenID", shortname: "myOpenID", url_suffix: ".myopenid.com/", usercalled: "username", icon: "myopenid.ico", id: 8, website: "https://www.myopenid.com/", openid1: true, url_prefix: "http://", openid2: true}, {longname: "Yahoo!", shortname: "Yahoo!", url_suffix: "", usercalled: "yahoo id", icon: "yahoo.ico", id: 15, website: "http://yahoo.com/", openid1: false, url_prefix: "http://me.yahoo.com/", openid2: true}, {longname: "Google", shortname: "Google", url_suffix: "", usercalled: "username", icon: "google.ico", id: 26, website: "https://www.google.com/accounts/o8/id", openid1: false, url_prefix: "", openid2: true}, {longname: "Flickr", shortname: "Flickr", url_suffix: "", usercalled: "username", icon: "flickr.ico", id: 6, website: "http://www.flickr.com/", openid1: false, url_prefix: "http://www.flickr.com/photos/", openid2: true}, {longname: "America Online/AIM", shortname: "AOL", url_suffix: "", usercalled: "screenname", icon: "aol.ico", id: 1, website: "http://www.aol.com/", openid1: true, url_prefix: "http://openid.aol.com/", openid2: false}, {longname: "Google Blogger", shortname: "Blogger", url_suffix: ".blogspot.com/", usercalled: "blog name", icon: "blogger.ico", id: 2, website: "http://www.blogger.com/", openid1: true, url_prefix: "http://", openid2: false}, {longname: "Livejournal", shortname: "Livejournal", url_suffix: ".livejournal.com/", usercalled: "username", icon: "lj.ico", id: 7, website: "http://www.livejournal.com/", openid1: true, url_prefix: "http://", openid2: false}, {longname: "Verisign PIP", shortname: "Verisign", url_suffix: ".pip.verisignlabs.com/", usercalled: "username", icon: "verisign.ico", id: 11, website: "http://pip.verisignlabs.com/", openid1: true, url_prefix: "http://", openid2: true}, {longname: "Vidoop", shortname: "Vidoop", url_suffix: ".myvidoop.com/", usercalled: "username", icon: "vidoop2.ico", id: 12, website: "http://www.vidoop.com/", openid1: true, url_prefix: "http://", openid2: true}, {longname: "claimID", shortname: "claimID", url_suffix: "", usercalled: "username", icon: "claimid.ico", id: 4, website: "http://claimid.com/", openid1: true, url_prefix: "http://claimid.com/", openid2: false}, {longname: "Technorati", shortname: "Technorati", url_suffix: "", usercalled: "username", icon: "technorati.ico", id: 10, website: "http://www.technorati.com/", openid1: true, url_prefix: "http://technorati.com/people/technorati/", openid2: false}, {longname: "Vox", shortname: "Vox", url_suffix: ".vox.com/", usercalled: "username", icon: "vox.ico", id: 13, website: "http://www.vox.com/", openid1: true, url_prefix: "http://", openid2: false}];
+  
+        var oidTbId = window.idselector_input_id ? window.idselector_input_id : "openid_identifier";
+        var oidTb = document.getElementById(oidTbId);
+        if (oidTb == null) {
+            log('couldn\'t find openid input box with id = ' + oidTbId);
+            for (i = 0; !oidTb && i < document.forms.length; i++) {
+                oidTb = document.forms[i].openid_identifier;}
+            for (i = 0; !oidTb && i < document.forms.length; i++) {
+                oidTb = document.forms[i].openid_url;}
+        }
+        
+        if (oidTb == null) {log('couldn\'t find openid input box'); return;}
+        var orig = oidTb.value;
+
+        var btnIcn = document.createElement('img');
+        s = btnIcn.style; s.width = '16px'; s.height = '16px';
+        s.verticalAlign = 'middle'; s.padding = '0px'; s.border = '0px';
+        s.margin = '0px'; s.display = 'inline';
+
+        var btnMkr = document.createElement('div');
+        btnMkr.innerHTML = "<button type=\"button\"></button>";
+        
+        var arrow = document.createElement('img');
+        arrow.src = "/images/idselector/arrow.gif";
+        arrow.style.display = 'inline';
+        
+        var btn = btnMkr.firstChild;
+        btnMkr.removeChild(btn);
+    btn.id = '__idselector_button';
+        btn.style.cursor = "pointer";
+        
+        btn.appendChild(btnIcn);
+        btn.appendChild(document.createTextNode(" "));
+        btn.appendChild(arrow);
+
+        var popup = document.createElement('iframe');
+        popup.frameBorder = 0; popup.scrolling = 'no';
+        s = popup.style; s.display = 'none'; s.position = 'absolute';
+        s.width = '400px'; s.height = '0px'; s.margin = '0px'; s.padding = '0px'; s.zIndex = 10000;
+        s.border = '0px';
+
+        var prnt = oidTb.parentNode;
+        var target = null;
+        if (window.idselector_target_id) {
+            target = document.getElementById(window.idselector_target_id);
+            if (!target) {log("couldn't find element with id " + window.idselector_target_id);}
+        }
+        if (target) {
+            target.insertBefore(btn, target.firstChild);
+        } else {
+            prnt.insertBefore(btn, oidTb.nextSibling);
+            prnt.insertBefore(document.createTextNode(" "), btn);
+        }
+        document.body.appendChild(popup);
+
+        var pdoc = popup.contentWindow.document;
+        pdoc.open();
+        pdoc.write('<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01//EN\" \"http://www.w3.org/TR/html4/strict.dtd\"><html><head><title>ID Selector</title><style type=\"text/css\">html{color:#000;background:#6e91af;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:\'\';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {border:1px solid #6e91af;font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}</style></head><body></body></html>');
+        pdoc.close();
+
+        var pbody = pdoc.body;
+ 
+        var back = pdoc.createElement('img');
+        back.style.verticalAlign = "middle"; back.style.cursor = "pointer";
+        back.src = "/images/idselector/arrow_white_back.png";
+
+        var forward = pdoc.createElement('img');
+        forward.style.verticalAlign = "middle"; forward.style.cursor = "pointer";
+        forward.src = "/images/idselector/arrow_white_forward.png";
+
+        var headRight = pdoc.createElement('div');
+        headRight.style[document.all ? 'styleFloat' : 'cssFloat'] = 'right';
+        headRight.innerHTML = '<a href="http://openid.net/get/" style="color:#fff;" target="_blank">Get an OpenID</a>';
+
+        var header = pdoc.createElement('div');
+        s = header.style; s.fontWeight = "bold"; s.color = "#fff";
+        s.padding = "2px 8px 2px 8px";
+
+        header.appendChild(headRight);
+        header.appendChild(pdoc.createTextNode("Sign in with OpenID using"));
+
+        var nameLabel = pdoc.createElement('span');
+        nameLabel.appendChild(pdoc.createTextNode("xxx:"));
+
+        var nameTb = pdoc.createElement('input');
+        nameTb.type = "text";
+        nameTb.size = 20;
+        s = nameTb.style; s.verticalAlign = 'middle'; s.padding = '2px 2px 2px 20px';
+        s.backgroundRepeat = 'no-repeat'; s.backgroundPosition = '2px 2px';
+
+        var footer = pdoc.createElement('div');
+        s = footer.style;
+        s.color = "#fff";
+        s.padding = "2px 8px 2px 8px";
+        s.textAlign = "right";
+        s.position = "relative";
+
+        footer.appendChild(nameLabel);
+        footer.appendChild(pdoc.createTextNode(" "))
+            footer.appendChild(nameTb);
+
+        function Cell(grid, idx) {
+            this.grid = grid;
+            this.idx = idx;
+
+            var td = this.td = pdoc.createElement('td');
+            s = td.style;
+            s.fontWeight = "bold";
+            s.padding = "4px";
+            s.verticalAlign = "middle";
+            s.cursor = "pointer";
+
+            var _this = this;
+            td.onmouseover = function () {
+                _this.onMouseOver();
+            }
+            td.onmouseout = function () {
+                _this.onMouseOut();
+            }
+            td.onclick = function () {
+                _this.onClick();
+            }
+
+            var provider = providers[idx];
+            var icon = pdoc.createElement("img");
+            icon.src = provider ? ('/images/idselector/' + provider.icon) :
+                '/images/idselector/openid.ico';
+            icon.style.width = "16px";
+            icon.style.height = "16px";
+            icon.style.verticalAlign = "middle";
+            td.appendChild(icon);
+            td.appendChild(pdoc.createTextNode(" "));
+            td.appendChild(pdoc.createTextNode(provider ? provider.shortname : "Other OpenID"));
+
+            this.selected = false;
+        }
+
+        _ = Cell.prototype = {};
+        _.onMouseOver = function () {
+            if (!this.selected) {
+                this.td.style.backgroundColor = "#eee";
+            }
+        }
+        _.onMouseOut = function () {
+            if (!this.selected) {
+                this.td.style.backgroundColor = "";
+            }
+        }
+        _.onClick = function () {
+            this.grid.select(this);
+            provider = providers[this.idx];
+            if (this.idx == -1) {
+                oidTb.value = 'http://';
+                oidTb.focus();
+            } else {
+                if (provider["openid2"] && !provider["openid1"]) {
+                    oidTb.form.submit();
+
+                    inputs = oidTb.form.getElementsByTagName('input')
+                    for( var i = 0; i < inputs.length; i++ ) {
+                      inputs[i].disabled = true;
+                    }
+
+                    setTimeout(hidePopup, 1);
+                } else {
+                    nameTb.focus();
+                    nameTb.select();
+                }
+            }
+        }
+
+        _.setSelected = function (selected) {
+            this.td.style.backgroundColor = selected ? '#c6d9e8' : "";
+            this.selected = selected;
+        }
+
+        function Grid() {
+            this.table = pdoc.createElement('table');
+            this.table.style.backgroundColor = "#FFF";
+            this.table.style.width = "100%";
+            this.table.style.border = "1px solid #6e91af";
+            this.tbody = pdoc.createElement('tbody');
+            this.table.appendChild(this.tbody);
+            this.maxOffset = (Math.ceil(providers.length/12) - 1) * 12;
+            this.cells = [];
+            for (var i = 0; i < providers.length; i++) {
+                this.cells[i] = new Cell(this, i);
+            }
+
+            this.rows = [pdoc.createElement('tr'), pdoc.createElement('tr'),
+                         pdoc.createElement('tr'), pdoc.createElement('tr')];
+
+            this.otherCell = new Cell(this, -1);
+            var links = pdoc.createElement('td');
+            links.style.padding = "4px";
+            links.style.textAlign = "right";
+            links.style.verticalAlign = "middle";
+            links.colSpan = 2;
+            links.innerHTML = '<a href="http://openid.net/" style="color:#6e91af;" target="_blank">Help</a>';
+
+            var bottom_row = pdoc.createElement('tr');
+            bottom_row.style.borderTop = "1px solid #AAA";
+            bottom_row.appendChild(this.otherCell.td);
+            bottom_row.appendChild(links);
+
+            for (var j = 0; j < 4; j++) {this.tbody.appendChild(this.rows[j]);}
+            this.tbody.appendChild(bottom_row);
+
+            this.offset = 0;
+        }
+
+        _ = Grid.prototype = {};
+        _.forward = function() {
+            this.offset = Math.min(this.offset + 12, this.maxOffset)
+            this.gen();
+        }
+        _.back = function() {
+            this.offset = Math.max(this.offset - 12, 0)
+            this.gen();
+        }
+        _.gen = function() {
+            for (var i = 0; i < 4; i++) {
+                var row = this.rows[i];
+                while (row.firstChild) {row.removeChild(row.firstChild);}
+            }
+            for (var i = 0; i < 12; i++) {
+                var row = this.rows[Math.floor(i/3)];
+                var cell = this.cells[this.offset + i];
+                if (cell) {
+                    row.appendChild(cell.td);
+                } else {
+                    row.appendChild(pdoc.createElement('td'));
+                }
+            }
+            forward.style.visibility = (this.offset == this.maxOffset) ? 'hidden' : '';
+            back.style.visibility = (this.offset == 0) ? 'hidden' : '';
+            popup.style.height = (pbody.offsetHeight + 2) + "px";
+        }
+
+        _.select = function (cell) {
+            if (this.curr) {
+                this.curr.setSelected(false);
+            }
+
+            this.curr = cell;
+            cell.setSelected(true);
+            if (cell.idx > -1) {
+                var provider = providers[cell.idx];
+
+                if (provider["openid2"] && !provider["openid1"]) {
+                    nameLabel.style.visibility = 'hidden';
+                    nameTb.style.visibility = 'hidden';
+                    oidTb.value = provider['website'];
+                } else {
+                    nameLabel.style.visibility = '';
+                    nameTb.style.visibility = '';
+
+                    nameLabel.removeChild(nameLabel.firstChild);
+                    var s = pdoc.createTextNode(provider.longname + " " +
+                                                provider.usercalled + ":");
+                    nameLabel.appendChild(s);
+                    nameTb.style.backgroundImage = 'url(/images/idselector/' + provider.icon + ')';
+                    oidTb.value = provider.url_prefix + "username" +
+                        provider.url_suffix;
+                    nameTb.value = "username";
+                }
+                btnIcn.src = '/images/idselector/' + provider.icon;
+            } else {
+                nameLabel.style.visibility = 'hidden';
+                nameTb.style.visibility = 'hidden';
+                btnIcn.src = '/images/idselector/openid.ico';
+            }
+        }
+
+        _.setName = function (name) {
+            var p = providers[this.curr.idx];
+            oidTb.value = p.url_prefix + name + p.url_suffix;
+        }
+
+        var grid = new Grid();
+        grid.gen();
+
+        pbody.appendChild(header);
+        pbody.appendChild(grid.table);
+        pbody.appendChild(footer);
+
+        function showPopup() {
+            var scrolled = window.ActiveXObject ? (quirksMode ? document.body.scrollLeft : document.documentElement.scrollLeft) : window.pageXOffset;
+            var viewportWidth = quirksMode ? document.body.clientWidth : document.documentElement.clientWidth;
+            var xUpper = viewportWidth + scrolled - 401;
+            var x = oidTb.offsetLeft;
+            var y = oidTb.offsetTop;
+            if (oidTb.clientTop) {
+                y += oidTb.clientTop;
+            } else if (document.defaultView &&
+                       document.defaultView.getComputedStyle) {
+                var cs = document.defaultView.getComputedStyle(oidTb, '');
+                y += parseInt(cs.getPropertyValue('border-top-width'));
+                y += parseInt(cs.getPropertyValue('border-bottom-width'));
+            }
+            
+            var w = oidTb.offsetParent;
+            while (w) {
+                x += w.offsetLeft;
+                y += w.offsetTop;
+                if (w.clientLeft) {
+                    x += w.clientLeft;
+                    y += w.clientTop;
+                } else if (document.defaultView &&
+                           document.defaultView.getComputedStyle) {
+            
+                    var cs = document.defaultView.getComputedStyle(w, '');
+                    y += parseInt(cs.getPropertyValue('border-top-width'));
+                    x += parseInt(cs.getPropertyValue('border-left-width'));
+                }
+                w = w.offsetParent;
+            }
+            y = y + oidTb.offsetHeight;
+
+            x = Math.max(Math.min(x, xUpper), 0);
+            
+            var s = popup.style; s.left = x + "px"; s.top = y + "px";
+            s.display = 'block'; s.height = (pbody.offsetHeight + 2) + "px";
+            var html = document.body.parentNode;
+        }
+
+        function hidePopup() {
+            popup.style.display = 'none';
+        }
+
+        function cursorEnd(tb) {
+            if (tb.isTextEdit) {
+                var rng = tb.createTextRange();
+                if (rng) {
+                    rng.move("character", tb.value.length);
+                    rng.select();
+                }
+            }
+      
+        }
+
+        function oidFocus() {
+            if (oidTb.value == "Click to Sign In") {
+                oidTb.value = 'http://';
+            }
+            cursorEnd(oidTb);
+            showPopup();
+        }
+
+        btn.onclick = function(e) {
+            (popup.style.display == 'none') ? showPopup() : hidePopup();
+            if (e) {e.cancelBubble = true;} /* safari */
+            return false;
+        }
+
+        btn.onfocus = function () {
+            btn.blur();
+        }
+
+        forward.onclick = function() {
+            grid.forward();
+        }
+
+        back.onclick = function() {
+            grid.back();
+        }
+
+        oidTb.onkeypress = function(e) {
+            var key;
+            if(window.event) {
+                key = window.event.keyCode;
+            } else if(e.which) {key = e.which;}
+            if (key != 13 && key != 9) {
+                grid.select(grid.otherCell);
+            }
+        }
+
+
+        nameTb.onkeydown = function(e) {
+            var key;
+            if(popup.contentWindow.event) {
+                key = popup.contentWindow.event.keyCode;
+            } else if(e.which) {key = e.which;}
+            if (key == 13 || key == 9) {
+                setTimeout(function () {
+                        oidTb.onfocus = oidFocus;
+                        oidTb.focus();
+                        setTimeout(hidePopup, 1);
+                    }, 1);
+            }
+        }
+
+        nameTb.onkeyup = function() {
+            var val = this.value;
+            if (!val) {
+                val = "username";
+                this.value = val;
+                this.select();
+            }
+            grid.setName(val);
+        }
+
+        oldOnResize = window.onresize;
+        window.onresize = function (evt) {
+            try {
+                if (popup.style.display == 'block') {
+                    showPopup();
+                }
+            } finally {
+                oldOnResize && oldOnResize(evt);
+            }
+        }
+
+        oldOnScroll = window.onscroll;
+        window.onscroll = function (evt) {
+            try {
+                if (popup.style.display == 'block') {
+                    showPopup();
+                }
+            } finally {
+                oldOnScroll && oldOnScroll(evt);
+            }
+        }
+
+        if (opIdCookie) {
+            var cell = null;
+            for (var i = 0; i < providers.length; i++) {
+                if (providers[i].id == opIdCookie) {
+                    cell = grid.cells[i];
+                }
+            }
+
+            if (cell) {
+                grid.select(cell);
+                nameTb.value = unameCookie;
+            }
+        }
+
+        if (!grid.curr) {
+            grid.select(grid.otherCell);
+        }
+        if (openidCookie) {
+            oidTb.value = openidCookie;
+        } else if (orig.length == 0) {
+            oidTb.value = "Click to Sign In";
+        }
+
+        function createCookie(name,value,days) {
+            if (days) {
+                var date = new Date();
+                date.setTime(date.getTime()+(days*24*60*60*1000));
+                var expires = "; expires="+date.toGMTString();
+            }
+            else var expires = "";
+            document.cookie = name+"="+encodeURIComponent(value)+expires+"; path=/";
+        }
+
+        oidTb.onfocus = oidFocus;
+
+
+        var form = null;
+        prnt = oidTb.parentNode;
+        while (prnt && prnt.nodeType == 1) {
+            if (prnt.nodeName == 'FORM') {
+                form = prnt;
+                break;
+            }
+            prnt = prnt.parentNode;
+        }
+        if (form) {
+            var oldOnSubmit = form.onsubmit;
+            form.onsubmit = function(evt) {
+                try {
+                    createCookie('__openid_selector_openid', oidTb.value, 365);
+                    if (grid.curr.idx > -1) {
+                        var opId = providers[grid.curr.idx].id;
+                        createCookie('__openid_selector_op_id', opId, 365);
+                        createCookie('__openid_selector_uname', nameTb.value, 365);
+                    } else {
+                        createCookie('__openid_selector_op_id','',-1);
+                        createCookie('__openid_selector_uname','',-1);
+                    }
+                } finally {
+                    if (oldOnSubmit) {
+                        return oldOnSubmit(evt);
+                    }
+                }
+            };
+        }
+
+        if (window.ActiveXObject) {
+            document.body.parentNode.attachEvent('onclick', function() {
+                    if (window.event.srcElement != oidTb &&
+                        window.event.srcElement != btn) {
+                        hidePopup();
+                    }
+                });
+        } else {
+            document.body.parentNode.addEventListener('click', function(evt) {
+                    if (evt.target != oidTb && evt.target != btn) {hidePopup();}
+                }, false);
+        }
+    }
+    
+    var oldOnLoad = window.onload;
+    window.onload = function(evt) {
+        try {
+            gen_selector();
+        } finally {
+            return oldOnLoad && oldOnLoad(evt);
+        }
+    }
+})();