RubyGems - terminus - Versions diffs - 0.2.0 → 0.3.0 - Mend

terminus 0.2.0 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (39) hide show

data/README.rdoc +27 -89
data/bin/terminus +7 -23
data/lib/capybara/driver/terminus.rb +30 -11
data/lib/terminus.rb +33 -22
data/lib/terminus/application.rb +13 -7
data/lib/terminus/browser.rb +110 -28
data/lib/terminus/controller.rb +51 -20
data/lib/terminus/host.rb +22 -0
data/lib/terminus/node.rb +23 -4
data/lib/terminus/proxy.rb +62 -0
data/lib/terminus/proxy/driver_body.rb +63 -0
data/lib/terminus/proxy/external.rb +25 -0
data/lib/terminus/proxy/rewrite.rb +20 -0
data/lib/terminus/public/icon.png +0 -0
data/lib/terminus/public/loader.js +1 -0
data/lib/terminus/public/style.css +43 -0
data/lib/terminus/public/syn/browsers.js +150 -0
data/lib/terminus/public/syn/drag/drag.js +322 -0
data/lib/terminus/public/syn/key.js +905 -0
data/lib/terminus/public/syn/mouse.js +284 -0
data/lib/terminus/public/syn/synthetic.js +830 -0
data/lib/{public → terminus/public}/terminus.js +109 -40
data/lib/terminus/server.rb +5 -12
data/lib/terminus/timeouts.rb +2 -2
data/lib/{views/bookmarklet.erb → terminus/views/bootstrap.erb} +17 -12
data/lib/terminus/views/index.erb +21 -0
data/lib/terminus/views/infinite.html +16 -0
data/spec/reports/chrome.txt +748 -0
data/spec/reports/firefox.txt +748 -0
data/spec/reports/opera.txt +748 -0
data/spec/reports/safari.txt +748 -0
data/spec/spec_helper.rb +18 -14
data/spec/terminus_driver_spec.rb +7 -5
data/spec/terminus_session_spec.rb +5 -18
metadata +71 -57
data/lib/public/loader.js +0 -1
data/lib/public/style.css +0 -49
data/lib/public/syn.js +0 -2355
data/lib/views/index.erb +0 -32

data/spec/spec_helper.rb CHANGED

@@ -1,22 +1,26 @@
+require 'rubygems'
+require 'bundler/setup'
 root = File.dirname(__FILE__) + '/../'
 require root + 'vendor/capybara/spec/spec_helper'
 require root + 'lib/terminus'
-class TestApp
-  template :layout do
-    <<-HTML
-      <html>
-        <head>
-          <meta http-equiv="Content-type" content="text/html; charset=utf-8">
-          <title>Capybara Driver Test</title>
-        </head>
-        <body>
-          <%= yield %>
-          <%= Terminus.driver_script request.host %>
-        </body>
-      </html>
-    HTML
+def select_browser
+  if ua = ENV['USER_AGENT']
+    Terminus.browser = {:name => ua}
+  else
+    Terminus.browser = :docked
   end
 end
+# We use WEBrick to boot the test app, because if we use Thin (the default) the
+# slow response used to test Ajax resynchronization blocks the event loop. This
+# stops Terminus receiving messages and causes false positives: the client is
+# not really waiting for Ajax to complete, it's just having its messages blocked
+# because EventMachine is frozen.
+Capybara.server do |app, port|
+  handler = Rack::Handler.get('webrick')
+  handler.run(app, :Port => port, :AccessLog => [], :Logger => WEBrick::Log::new(nil, 0))
+end

data/spec/terminus_driver_spec.rb CHANGED

@@ -3,17 +3,19 @@ require File.expand_path(File.dirname(__FILE__) + '/spec_helper')
 describe Capybara::Driver::Terminus do
   before do
     @driver = Capybara::Driver::Terminus.new(TestApp)
-    Terminus.ensure_docked_browser
-    Terminus.browser = :docked
+    select_browser
   end
   after do
-    Terminus.return_to_dock
+    Terminus.browser.return_to_dock
   end
   it_should_behave_like "driver"
+  it_should_behave_like "driver with header support"
+  it_should_behave_like "driver with status code support"
   it_should_behave_like "driver with javascript support"
-  it_should_behave_like "driver without status code support"
+  it_should_behave_like "driver with resynchronization support"
+  it_should_behave_like "driver with frame support"
   it_should_behave_like "driver with support for window switching"
   it_should_behave_like "driver with cookies support"
   it_should_behave_like "driver with infinite redirect detection"

data/spec/terminus_session_spec.rb CHANGED

@@ -4,29 +4,16 @@ describe Capybara::Session do
   context 'with terminus driver' do
     before do
       @session = Capybara::Session.new(:terminus, TestApp)
-      Terminus.ensure_docked_browser
-      Terminus.browser = :docked
+      select_browser
     end
     after do
-      Terminus.return_to_dock
+      Terminus.browser.return_to_dock
     end
-    describe '#driver' do
-      it "should be a terminus driver" do
-        @session.driver.should be_an_instance_of(Capybara::Driver::Terminus)
-      end
-    end
-    describe '#mode' do
-      it "should remember the mode" do
-        @session.mode.should == :terminus
-      end
-    end
     it_should_behave_like "session"
-    it_should_behave_like "session without headers support"
+    it_should_behave_like "session with headers support"
+    it_should_behave_like "session with status code support"
     it_should_behave_like "session with javascript support"
-    it_should_behave_like "session without status code support"
   end
 end

metadata CHANGED

@@ -1,12 +1,8 @@
 --- !ruby/object:Gem::Specification
 name: terminus
 version: !ruby/object:Gem::Version
-  prerelease: false
-  segments:
-  - 0
-  - 2
-  - 0
-  version: 0.2.0
+  prerelease:
+  version: 0.3.0
 platform: ruby
 authors:
 - James Coglan
@@ -14,7 +10,7 @@ autorequire:
 bindir: bin
 cert_chain: []
-date: 2010-10-24 00:00:00 +01:00
+date: 2011-07-20 00:00:00 +01:00
 default_executable:
 dependencies:
 - !ruby/object:Gem::Dependency
@@ -25,9 +21,6 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        segments:
-        - 1
-        - 0
         version: "1.0"
   type: :runtime
   version_requirements: *id001
@@ -39,9 +32,6 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        segments:
-        - 1
-        - 2
         version: "1.2"
   type: :runtime
   version_requirements: *id002
@@ -53,9 +43,6 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        segments:
-        - 0
-        - 12
         version: "0.12"
   type: :runtime
   version_requirements: *id003
@@ -65,72 +52,88 @@ dependencies:
   requirement: &id004 !ruby/object:Gem::Requirement
     none: false
     requirements:
-    - - ">="
+    - - ~>
       - !ruby/object:Gem::Version
-        segments:
-        - 0
-        - 5
-        - 2
-        version: 0.5.2
+        version: 0.6.3
   type: :runtime
   version_requirements: *id004
 - !ruby/object:Gem::Dependency
-  name: capybara
+  name: sinatra
   prerelease: false
   requirement: &id005 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        segments:
-        - 0
-        - 4
-        - 0
-        version: 0.4.0
+        version: "1.0"
   type: :runtime
   version_requirements: *id005
 - !ruby/object:Gem::Dependency
-  name: sinatra
+  name: packr
   prerelease: false
   requirement: &id006 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        segments:
-        - 1
-        - 0
-        version: "1.0"
+        version: "3.1"
   type: :runtime
   version_requirements: *id006
 - !ruby/object:Gem::Dependency
-  name: packr
+  name: capybara
   prerelease: false
   requirement: &id007 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        segments:
-        - 3
-        - 1
-        version: "3.1"
+        version: 0.4.0
   type: :runtime
   version_requirements: *id007
 - !ruby/object:Gem::Dependency
-  name: oyster
+  name: rack-proxy
   prerelease: false
   requirement: &id008 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        segments:
-        - 0
-        - 9
-        version: "0.9"
+        version: "0.3"
   type: :runtime
   version_requirements: *id008
+- !ruby/object:Gem::Dependency
+  name: useragent
+  prerelease: false
+  requirement: &id009 !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: "0.3"
+  type: :runtime
+  version_requirements: *id009
+- !ruby/object:Gem::Dependency
+  name: oyster
+  prerelease: false
+  requirement: &id010 !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: "0.9"
+  type: :runtime
+  version_requirements: *id010
+- !ruby/object:Gem::Dependency
+  name: rspec
+  prerelease: false
+  requirement: &id011 !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: "0"
+  type: :development
+  version_requirements: *id011
 description:
 email: jcoglan@gmail.com
 executables:
@@ -141,26 +144,41 @@ extra_rdoc_files:
 - README.rdoc
 files:
 - README.rdoc
-- lib/views/index.erb
-- lib/views/bookmarklet.erb
-- lib/public/loader.js
-- lib/public/syn.js
-- lib/public/terminus.js
-- lib/public/style.css
+- bin/terminus
 - lib/terminus.rb
 - lib/terminus/node.rb
+- lib/terminus/proxy.rb
 - lib/terminus/timeouts.rb
 - lib/terminus/browser.rb
+- lib/terminus/proxy/driver_body.rb
+- lib/terminus/proxy/external.rb
+- lib/terminus/proxy/rewrite.rb
+- lib/terminus/views/bootstrap.erb
+- lib/terminus/views/infinite.html
+- lib/terminus/views/index.erb
 - lib/terminus/application.rb
 - lib/terminus/server.rb
+- lib/terminus/public/loader.js
+- lib/terminus/public/terminus.js
+- lib/terminus/public/icon.png
+- lib/terminus/public/style.css
 - lib/terminus/controller.rb
+- lib/terminus/host.rb
 - lib/capybara/driver/terminus.rb
+- spec/reports/firefox.txt
+- spec/reports/chrome.txt
+- spec/reports/opera.txt
+- spec/reports/safari.txt
 - spec/terminus_session_spec.rb
 - spec/terminus_driver_spec.rb
 - spec/spec_helper.rb
-- bin/terminus
+- lib/terminus/public/syn/synthetic.js
+- lib/terminus/public/syn/mouse.js
+- lib/terminus/public/syn/browsers.js
+- lib/terminus/public/syn/key.js
+- lib/terminus/public/syn/drag/drag.js
 has_rdoc: true
-homepage: http://github.com/jcoglan/terminus
+homepage: http://terminus.jcoglan.com
 licenses: []
 post_install_message:
@@ -174,23 +192,19 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
-      segments:
-      - 0
       version: "0"
 required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
-      segments:
-      - 0
       version: "0"
 requirements: []
 rubyforge_project:
-rubygems_version: 1.3.7
+rubygems_version: 1.6.2
 signing_key:
 specification_version: 3
-summary: Capybara driver for cross-browser testing
+summary: Capybara driver for cross-browser and remote scripting
 test_files: []

data/lib/public/loader.js DELETED

@@ -1 +0,0 @@

- JS=(typeof JS==='undefined')?{}:JS;JS.Package=function(a){var b=JS.Package.OrderedSet;JS.Package._5(this);this._0=a;this._2=new b();this._6=new b();this._b=new b();this._3={};this._7={}};(function(g){var m=g.OrderedSet=function(a,b){this._c=this.list=[];this._5={};if(!a)return;for(var c=0,d=a.length;c<d;c++)this.push(b?b(a[c]):a[c])};m.prototype.push=function(a){var b=(a.id!==undefined)?a.id:a,c=this._5;if(c.hasOwnProperty(b))return;c[b]=this._c.length;this._c.push(a)};g._4=this;if((this.document||{}).getElementsByTagName){var n=document.getElementsByTagName('script')[0];g._k=(n.readyState!==undefined)}var j=g.prototype;j.addDependency=function(a){this._6.push(a)};j.addSoftDependency=function(a){this._b.push(a)};j.addName=function(a){this._2.push(a);g.getFromCache(a).pkg=this};j.onload=function(a){this._d=a};j.on=function(a,b,c){if(this._7[a])return b.call(c);var d=this._3[a]=this._3[a]||[];d.push([b,c])};j.fire=function(a){if(this._7[a])return false;this._7[a]=true;var b=this._3[a];if(!b)return true;delete this._3[a];for(var c=0,d=b.length;c<d;c++)b[c][0].call(b[c][1]);return true};j.isLoaded=function(a){if(!a&&this._8!==undefined)return this._8;var b=this._2.list,c=b.length,d,f;while(c--){d=b[c];f=g.getObject(d);if(f!==undefined)continue;if(a)throw new Error('Expected package at '+this._0+' to define '+d);else return this._8=false}return this._8=true};j.load=function(){if(!this.fire('request'))return;var c=this._6.list.concat(this._b.list),d='load',f={};f[d]=this._6.list;g.when(f,function(){g.when({complete:c,load:[this]},function(){this.fire('complete')},this);var a=this,b=function(){if(a._d)a._d();a.isLoaded(true);a.fire('load')};if(this.isLoaded()){this.fire('download');return this.fire('load')}if(this._0===undefined)throw new Error('No load path found for '+this._2.list[0]);typeof this._0==='function'?this._0(b):g.Loader.loadFile(this._0,b);this.fire('download')},this)};j.toString=function(){return'Package:'+this._2.list.join(',')};g.when=function(b,c,d){var f=[],h,k,i;for(h in b){if(!b.hasOwnProperty(h))continue;k=new g.OrderedSet(b[h],function(a){return g.getByName(a)});i=k.list.length;while(i--)f.push([h,k.list[i]])}var l=i=f.length;if(l===0)return c&&c.call(d);while(i--){f[i][1].on(f[i][0],function(){l-=1;if(l===0&&c)c.call(d)});f[i][1].load()}};g._e=1;g._f={};g._g={};g._h=[];g._5=function(a){a.id=this._e;this._e+=1};g.getByPath=function(a){var b=a.toString();return this._f[b]=this._f[b]||new this(a)};g.getByName=function(a){if(typeof a!=='string')return a;var b=this.getFromCache(a);if(b.pkg)return b.pkg;var c=this._i(a);if(c)return c;var d=new this();d.addName(a);return d};g.autoload=function(a,b){this._h.push([a,b])};g._i=function(d){var f=this._h,h=f.length,k,i,l;for(k=0;k<h;k++){i=f[k];if(!i[0].test(d))continue;l=i[1].from+'/'+d.replace(/([a-z])([A-Z])/g,function(a,b,c){return b+'_'+c}).replace(/\./g,'/').toLowerCase()+'.js';pkg=new this(l);pkg.addName(d);if(l=i[1].require)pkg.addDependency(d.replace(i[0],l));return pkg}return null};g.getFromCache=function(a){return this._g[a]=this._g[a]||{}};g.getObject=function(a){var b=this.getFromCache(a);if(b.obj!==undefined)return b.obj;var c=this._4,d=a.split('.'),f;while(f=d.shift())c=c&&c[f];return this.getFromCache(a).obj=c}})(JS.Package);JS.Package.DomLoader={usable:function(){return!!JS.Package.getObject('window.document.getElementsByTagName')},__FILE__:function(){var a=document.getElementsByTagName('script');return a[a.length-1].src},loadFile:function(c,d){var f=this,h=document.createElement('script');h.type='text/javascript';h.src=c;h.onload=h.onreadystatechange=function(){var a=h.readyState,b=h.status;if(!a||a==='loaded'||a==='complete'||(a===4&&b===200)){d();h.onload=h.onreadystatechange=f._j;h=null}};if(window.console&&console.info)console.info('Loading '+c);document.getElementsByTagName('head')[0].appendChild(h)},_j:function(){}};JS.Package.CommonJSLoader={usable:function(){return typeof require==='function'&&typeof exports==='object'},setup:function(){var b=this;require=(function(a){return function(){b._1=arguments[0]+'.js';return a.apply(JS.Package._4,arguments)}})(require)},__FILE__:function(){return this._1},loadFile:function(a,b){var c=(typeof process==='object'),d=c?process.cwd():require('file').cwd(),f=a.replace(/\.[^\.]+$/g,''),h=c?require('path'):require('file');require(h.join(d,f));b()}};JS.Package.ServerLoader={usable:function(){return typeof JS.Package.getObject('load')==='function'&&typeof JS.Package.getObject('version')==='function'},setup:function(){var b=this;load=(function(a){return function(){b._1=arguments[0];return a.apply(JS.Package._4,arguments)}})(load)},__FILE__:function(){return this._1},loadFile:function(a,b){load(a);b()}};JS.Package.WshLoader={usable:function(){return!!JS.Package.getObject('ActiveXObject')&&!!JS.Package.getObject('WScript')},__FILE__:function(){return this._1},loadFile:function(a,b){this._1=a;var c=new ActiveXObject('Scripting.FileSystemObject'),d,f;try{d=c.OpenTextFile(a);f=function(){eval(d.ReadAll())};f();b()}finally{try{if(d)d.Close()}catch(e){}}}};(function(){var a=[JS.Package.DomLoader,JS.Package.CommonJSLoader,JS.Package.ServerLoader,JS.Package.WshLoader],b=a.length,c,d;for(c=0;c<b;c++){d=a[c];if(d.usable()){JS.Package.Loader=d;if(d.setup)d.setup();break}}})();JS.Package.DSL={__FILE__:function(){return JS.Package.Loader.__FILE__()},pkg:function(a,b){var c=b?JS.Package.getByPath(b):JS.Package.getByName(a);c.addName(a);return new JS.Package.Description(c)},file:function(a){var b=JS.Package.getByPath(a);return new JS.Package.Description(b)},load:function(a,b){JS.Package.Loader.loadFile(a,b)},autoload:function(a,b){JS.Package.autoload(a,b)}};JS.Package.Description=function(a){this._9=a};(function(f){f._a=function(a,b){var c=b.length,a=this._9[a],d;for(d=0;d<c;d++)a.call(this._9,b[d]);return this};f.provides=function(){return this._a('addName',arguments)};f.requires=function(){return this._a('addDependency',arguments)};f.uses=function(){return this._a('addSoftDependency',arguments)};f.setup=function(a){this._9.onload(a);return this}})(JS.Package.Description.prototype);JS.Package.DSL.loader=JS.Package.DSL.file;JS.Packages=function(a){a.call(JS.Package.DSL)};JS.require=function(){var a=[],b=0;while(typeof arguments[b]==='string'){a.push(arguments[b]);b+=1}JS.Package.when({complete:a},arguments[b],arguments[b+1])};JS.Packages(function(){with(this){var b=JS.Package._4.JSCLASS_PATH||__FILE__().replace(/[^\/]*$/g,'');if(!/\/$/.test(b))b=b+'/';var c=function(a){return file(b+a+'.js')};c('core').provides('JS.Module','JS.Class','JS.Kernel','JS.Singleton','JS.Interface');c('comparable').provides('JS.Comparable').requires('JS.Module');c('constant_scope').provides('JS.ConstantScope').requires('JS.Module');c('forwardable').provides('JS.Forwardable').requires('JS.Module');c('enumerable').provides('JS.Enumerable').requires('JS.Module','JS.Class');c('observable').provides('JS.Observable').requires('JS.Module');c('hash').provides('JS.Hash').requires('JS.Class','JS.Enumerable','JS.Comparable');c('set').provides('JS.Set','JS.HashSet','JS.SortedSet').requires('JS.Class','JS.Enumerable').uses('JS.Hash');c('linked_list').provides('JS.LinkedList','JS.LinkedList.Doubly','JS.LinkedList.Doubly.Circular').requires('JS.Class','JS.Enumerable');c('command').provides('JS.Command','JS.Command.Stack').requires('JS.Class','JS.Enumerable','JS.Observable');c('decorator').provides('JS.Decorator').requires('JS.Module','JS.Class');c('method_chain').provides('JS.MethodChain').requires('JS.Module','JS.Kernel');c('proxy').provides('JS.Proxy','JS.Proxy.Virtual').requires('JS.Module','JS.Class');c('ruby').provides('JS.Ruby').requires('JS.Class');c('stack_trace').provides('JS.StackTrace').requires('JS.Module','JS.Singleton');c('state').provides('JS.State').requires('JS.Module','JS.Class')}});

data/lib/public/style.css DELETED

@@ -1,49 +0,0 @@
-body {
-  background:   #222;
-  margin:       0;
-  padding:      40px;
-}
-.container {
-  background:   #fff;
-  color:        #444;
-  margin:       0 auto;
-  padding:      40px;
-  width:        400px;
-  font:         16px/1.5 Georgia, Times New Roman, serif;
-}
-.footer {
-  margin:       0 auto;
-  padding:      40px;
-  width:        400px;
-  color:        #fff;
-  font:         13px Helvetica, Arial, sans-serif;
-}
-.footer p {
-  margin:       0;
-  line-height:  1.5em;
-}
-h1 {
-  font:         bold 64px FreeSans, Helvetica, Arial, sans-serif;
-  letter-spacing: -0.03em;
-  margin:       0 0 32px;
-  color:        #f00846;
-}
-a {
-  color:        #f00846;
-  text-decoration: none;
-}
-a:hover {
-  background:   #f00846;
-  color:        #fff;
-}
-p {
-  margin:       1.5em 0 0;
-}

data/lib/public/syn.js DELETED

@@ -1,2355 +0,0 @@
-// funcunit/synthetic/synthetic.js
-(function($){
-var extend = function(d, s) { for (var p in s) d[p] = s[p]; return d;},
-	// only uses browser detection for key events
-	browser = {
-		msie:     !!(window.attachEvent && !window.opera),
-		opera:  !!window.opera,
-		webkit : navigator.userAgent.indexOf('AppleWebKit/') > -1,
-		safari: navigator.userAgent.indexOf('AppleWebKit/') > -1 && navigator.userAgent.indexOf('Chrome/') == -1,
-		gecko:  navigator.userAgent.indexOf('Gecko') > -1,
-		mobilesafari: !!navigator.userAgent.match(/Apple.*Mobile.*Safari/),
-		rhino : navigator.userAgent.match(/Rhino/) && true
-	},
-	createEventObject = function(type, options, element){
-		var event = element.ownerDocument.createEventObject();
-		return extend(event, options);
-	},
-	data = {},
-	id = 0,
-	expando = "_synthetic"+(new Date() - 0),
-	bind,
-	unbind,
-	key = /keypress|keyup|keydown/,
-	page = /load|unload|abort|error|select|change|submit|reset|focus|blur|resize|scroll/,
-/**
- * @constructor Syn
- * @download funcunit/dist/syn.js
- * @test funcunit/synthetic/qunit.html
- * Syn is used to simulate user actions.  It creates synthetic events and
- * performs their default behaviors.
- *
- * <h2>Basic Use</h2>
- * The following clicks an input element with <code>id='description'</code>
- * and then types <code>'Hello World'</code>.
- *
-@codestart
-Syn.click({},'description')
-  .type("Hello World")
-@codeend
- * <h2>User Actions and Events</h2>
- * <p>Syn is typically used to simulate user actions as opposed to triggering events. Typing characters
- * is an example of a user action.  The keypress that represents an <code>'a'</code>
- * character being typed is an example of an event.
- * </p>
- * <p>
- *   While triggering events is supported, it's much more useful to simulate actual user behavior.  The
- *   following actions are supported by Syn:
- * </p>
- * <ul>
- *   <li><code>[Syn.prototype.click click]</code> - a mousedown, focus, mouseup, and click.</li>
- *   <li><code>[Syn.prototype.dblclick dblclick]</code> - two <code>click!</code> events followed by a <code>dblclick</code>.</li>
- *   <li><code>[Syn.prototype.key key]</code> - types a single character (keydown, keypress, keyup).</li>
- *   <li><code>[Syn.prototype.type type]</code> - types multiple characters into an element.</li>
- *   <li><code>[Syn.prototype.move move]</code> - moves the mouse from one position to another (triggering mouseover / mouseouts).</li>
- *   <li><code>[Syn.prototype.drag drag]</code> - a mousedown, followed by mousemoves, and a mouseup.</li>
- * </ul>
- * All actions run asynchronously.
- * Click on the links above for more
- * information on how to use the specific action.
- * <h2>Asynchronous Callbacks</h2>
- * Actions don't complete immediately. This is almost
- * entirely because <code>focus()</code>
- * doesn't run immediately in IE.
- * If you provide a callback function to Syn, it will
- * be called after the action is completed.
- * <br/>The following checks that "Hello World" was entered correctly:
-@codestart
-Syn.click({},'description')
-  .type("Hello World", function(){
-  ok("Hello World" == document.getElementById('description').value)
-})
-@codeend
-<h2>Asynchronous Chaining</h2>
-<p>You might have noticed the [Syn.prototype.then then] method.  It provides chaining
-so you can do a sequence of events with a single (final) callback.
-</p><p>
-If an element isn't provided to then, it uses the previous Syn's element.
-</p>
-The following does a lot of stuff before checking the result:
-@codestart
-Syn.type('ice water','title')
-  .type('ice and water','description')
-  .click({},'create')
-  .drag({to: 'favorites'},'newRecipe',
-    function(){
-      ok($('#newRecipe').parents('#favorites').length);
-    })
-@codeend
-<h2>jQuery Helper</h2>
-If jQuery is present, Syn adds a triggerSyn helper you can use like:
-@codestart
-$("#description").triggerSyn("type","Hello World");
-@codeend
- * <h2>Key Event Recording</h2>
- * <p>Every browser has very different rules for dispatching key events.
- * As there is no way to feature detect how a browser handles key events,
- * synthetic uses a description of how the browser behaves generated
- * by a recording application.  </p>
- * <p>
- * If you want to support a browser not currently supported, you can
- * record that browser's key event description and add it to
- * <code>Syn.key.browsers</code> by it's navigator agent.
- * </p>
-@codestart
-Syn.key.browsers["Envjs\ Resig/20070309 PilotFish/1.2.0.10\1.6"] = {
-  'prevent':
-    {"keyup":[],"keydown":["char","keypress"],"keypress":["char"]},
-  'character':
-    { ... }
-}
-@codeend
- * <h2>Limitations</h2>
- * Syn fully supports IE 6+, FF 3+, Chrome, Safari, Opera 10+.
- * With FF 1+, drag / move events are only partially supported. They will
- * not trigger mouseover / mouseout events.<br/>
- * Safari crashes when a mousedown is triggered on a select.  Syn will not
- * create this event.
- * <h2>Contributing to Syn</h2>
- * Have we missed something? We happily accept patches.  The following are
- * important objects and properties of Syn:
- * <ul>
- * 	<li><code>Syn.create</code> - contains methods to setup, convert options, and create an event of a specific type.</li>
- *  <li><code>Syn.defaults</code> - default behavior by event type (except for keys).</li>
- *  <li><code>Syn.key.defaults</code> - default behavior by key.</li>
- *  <li><code>Syn.keycodes</code> - supported keys you can type.</li>
- * </ul>
- * <h2>Roll Your Own Functional Test Framework</h2>
- * <p>Syn is really the foundation of JavaScriptMVC's functional testing framework - [FuncUnit].
- *   But, we've purposely made Syn work without any dependencies in the hopes that other frameworks or
- *   testing solutions can use it as well.
- * </p>
- * @init
- * Creates a synthetic event on the element.
- * @param {Object} type
- * @param {Object} options
- * @param {Object} element
- * @param {Object} callback
- * @return Syn
- */
-Syn = function(type, options, element, callback){
-	return ( new Syn.init(type, options, element, callback) )
-}
-if(window.addEventListener){ // Mozilla, Netscape, Firefox
-	bind = function(el, ev, f){
-		el.addEventListener(ev, f, false)
-	}
-	unbind = function(el, ev, f){
-		el.removeEventListener(ev, f, false)
-	}
-}else{
-	bind = function(el, ev, f){
-		el.attachEvent("on"+ev, f)
-	}
-	unbind = function(el, ev, f){
-		el.detachEvent("on"+ev, f)
-	}
-}
-/**
- * @Static
- */
-extend(Syn,{
-	/**
-	 * Creates a new synthetic event instance
-	 * @hide
-	 * @param {Object} type
-	 * @param {Object} options
-	 * @param {Object} element
-	 * @param {Object} callback
-	 */
-	init : function(type, options, element, callback){
-		var args = Syn.args(options,element, callback),
-			self = this;
-		this.queue = [];
-		this.element = args.element;
-		//run event
-		if(typeof this[type] == "function") {
-			this[type](args.options, args.element, function(defaults,el ){
-				args.callback && args.callback.apply(self, arguments);
-				self.done.apply(self, arguments)
-			})
-		}else{
-			this.result = Syn.trigger(type, args.options, args.element);
-			args.callback && args.callback.call(this, args.element, this.result);
-		}
-	},
-	jquery : function(el, fast){
-		if(window.FuncUnit && window.FuncUnit.jquery){
-			return window.FuncUnit.jquery
-		} if (el){
-			return Syn.helpers.getWindow(el).jQuery || window.jQuery
-		}
-		else{
-			return window.jQuery
-		}
-	},
-	/**
-	 * Returns an object with the args for a Syn.
-	 * @hide
-	 * @return {Object}
-	 */
-	args : function(){
-		var res = {}
-		for(var i=0; i < arguments.length; i++){
-			if(typeof arguments[i] == 'function'){
-				res.callback = arguments[i]
-			}else if(arguments[i] && arguments[i].jquery){
-				res.element = arguments[i][0];
-			}else if(arguments[i] && arguments[i].nodeName){
-				res.element = arguments[i];
-			}else if(res.options && typeof arguments[i] == 'string'){ //we can get by id
-				res.element = document.getElementById(arguments[i])
-			}
-			else if(arguments[i]){
-				res.options = arguments[i];
-			}
-		}
-		return res;
-	},
-	click : function( options, element, callback){
-		Syn('click!',options,element, callback);
-	},
-	/**
-	 * @attribute defaults
-	 * Default actions for events.  Each default function is called with this as its
-	 * element.  It should return true if a timeout
-	 * should happen after it.  If it returns an element, a timeout will happen
-	 * and the next event will happen on that element.
-	 */
-	defaults : {
-		focus : function(){
-			if(!Syn.support.focusChanges){
-				var element = this,
-					nodeName = element.nodeName.toLowerCase();
-				Syn.data(element,"syntheticvalue", element.value)
-				if(nodeName == "input"){
-					bind(element, "blur", function(){
-						if( Syn.data(element,"syntheticvalue") !=  element.value){
-							Syn.trigger("change", {}, element);
-						}
-						unbind(element,"blur", arguments.callee)
-					})
-				}
-			}
-		},
-		submit : function(){
-			Syn.onParents(this, function(el){
-				if( el.nodeName.toLowerCase() == 'form'){
-					el.submit()
-					return false;
-				}
-			});
-		}
-	},
-	changeOnBlur : function(element, prop, value){
-		bind(element, "blur", function(){
-			if( value !=  element[prop]){
-				Syn.trigger("change", {}, element);
-			}
-			unbind(element,"blur", arguments.callee)
-		})
-	},
-	/**
-	 * Returns the closest element of a particular type.
-	 * @hide
-	 * @param {Object} el
-	 * @param {Object} type
-	 */
-	closest : function(el, type){
-		while(el && el.nodeName.toLowerCase() != type.toLowerCase()){
-			el = el.parentNode
-		}
-		return el;
-	},
-	/**
-	 * adds jQuery like data (adds an expando) and data exists FOREVER :)
-	 * @hide
-	 * @param {Object} el
-	 * @param {Object} key
-	 * @param {Object} value
-	 */
-	data : function(el, key, value){
-		var d;
-		if(!el[expando]){
-			el[expando] = id++;
-		}
-		if(!data[el[expando]]){
-			data[el[expando]] = {};
-		}
-		d = data[el[expando]]
-		if(value){
-			data[el[expando]][key] = value;
-		}else{
-			return data[el[expando]][key];
-		}
-	},
-	/**
-	 * Calls a function on the element and all parents of the element until the function returns
-	 * false.
-	 * @hide
-	 * @param {Object} el
-	 * @param {Object} func
-	 */
-	onParents : function(el, func){
-		var res;
-		while(el && res !== false){
-			res = func(el)
-			el = el.parentNode
-		}
-		return el;
-	},
-	//regex to match focusable elements
-	focusable : /^(a|area|frame|iframe|label|input|select|textarea|button|html|object)$/i,
-	/**
-	 * Returns if an element is focusable
-	 * @hide
-	 * @param {Object} elem
-	 */
-	isFocusable : function(elem){
-		var attributeNode;
-		return ( this.focusable.test(elem.nodeName) || (
-			(attributeNode = elem.getAttributeNode( "tabIndex" )) && attributeNode.specified ) )
-			&& Syn.isVisible(elem)
-	},
-	/**
-	 * Returns if an element is visible or not
-	 * @hide
-	 * @param {Object} elem
-	 */
-	isVisible : function(elem){
-		return (elem.offsetWidth && elem.offsetHeight) || (elem.clientWidth && elem.clientHeight)
-	},
-	/**
-	 * Gets the tabIndex as a number or null
-	 * @hide
-	 * @param {Object} elem
-	 */
-	tabIndex : function(elem){
-		var attributeNode = elem.getAttributeNode( "tabIndex" );
-		return attributeNode && attributeNode.specified && ( parseInt( elem.getAttribute('tabIndex') ) || 0 )
-	},
-	bind : bind,
-	unbind : unbind,
-	browser: browser,
-	//some generic helpers
-	helpers : {
-		createEventObject : createEventObject,
-		createBasicStandardEvent : function(type, defaults){
-			var event;
-			try {
-				event = document.createEvent("Events");
-			} catch(e2) {
-				event = document.createEvent("UIEvents");
-			} finally {
-				event.initEvent(type, true, true);
-				extend(event, defaults);
-			}
-			return event;
-		},
-		inArray : function(item, array){
-			for(var i =0; i < array.length; i++){
-				if(array[i] == item){
-					return i;
-				}
-			}
-			return -1;
-		},
-		getWindow : function(element){
-			return element.ownerDocument.defaultView || element.ownerDocument.parentWindow
-		},
-		extend:  extend,
-		scrollOffset : function(win){
-			var doc = win.document.documentElement,
-				body = win.document.body;
-			return {
-				left :  (doc && doc.scrollLeft || body && body.scrollLeft || 0) + (doc.clientLeft || 0),
-				top : (doc && doc.scrollTop || body && body.scrollTop || 0) + (doc.clientTop || 0)
-			}
-		},
-		addOffset : function(options, el){
-			var jq = Syn.jquery(el)
-			if(typeof options == 'object' &&
-			   options.clientX === undefined &&
-			   options.clientY === undefined &&
-			   options.pageX   === undefined &&
-			   options.pageY   === undefined && jq){
-				var el = jq(el)
-					off = el.offset();
-				options.pageX = off.left + el.width() /2 ;
-				options.pageY = off.top + el.height() /2 ;
-			}
-		}
-	},
-	// place for key data
-	key : {
-		ctrlKey : null,
-		altKey : null,
-		shiftKey : null,
-		metaKey : null
-	},
-	//triggers an event on an element, returns true if default events should be run
-	/**
-	 * Dispatches an event and returns true if default events should be run.
-	 * @hide
-	 * @param {Object} event
-	 * @param {Object} element
-	 * @param {Object} type
-	 * @param {Object} autoPrevent
-	 */
-	dispatch : (document.documentElement.dispatchEvent ?
-				function(event, element, type, autoPrevent){
-					var preventDefault = event.preventDefault,
-						prevents = autoPrevent ? -1 : 0;
-					//automatically prevents the default behavior for this event
-					//this is to protect agianst nasty browser freezing bug in safari
-					if(autoPrevent){
-						bind(element, type, function(ev){
-							ev.preventDefault()
-							unbind(this, type, arguments.callee)
-						})
-					}
-					event.preventDefault = function(){
-						prevents++;
-						if(++prevents > 0){
-							preventDefault.apply(this,[]);
-						}
-					}
-					element.dispatchEvent(event)
-					return prevents <= 0;
-				} :
-				function(event, element, type){
-					try {window.event = event;}catch(e) {}
-					//source element makes sure element is still in the document
-					return element.sourceIndex <= 0 || element.fireEvent('on'+type, event)
-				}
-			),
-	/**
-	 * @attribute
-	 * @hide
-	 * An object of eventType -> function that create that event.
-	 */
-	create :  {
-		//-------- PAGE EVENTS ---------------------
-		page : {
-			event : document.createEvent ? function(type, options, element){
-					var event = element.ownerDocument.createEvent("Events");
-					event.initEvent(type, true, true );
-					return event;
-				} : createEventObject
-		},
-		// unique events
-		focus : {
-			event : function(type, options, element){
-				Syn.onParents(element, function(el){
-					if( Syn.isFocusable(el)){
-						if(el.nodeName.toLowerCase() != 'html'){
-							el.focus();
-						}
-						return false
-					}
-				});
-				return true;
-			}
-		}
-	},
-	/**
-	 * @attribute support
-	 * Feature detected properties of a browser's event system.
-	 * Support has the following properties:
-	 * <ul>
-	 * 	<li><code>clickChanges</code> - clicking on an option element creates a change event.</li>
-	 *  <li><code>clickSubmits</code> - clicking on a form button submits the form.</li>
-	 *  <li><code>mouseupSubmits</code> - a mouseup on a form button submits the form.</li>
-	 *  <li><code>radioClickChanges</code> - clicking a radio button changes the radio.</li>
-	 *  <li><code>focusChanges</code> - focus/blur creates a change event.</li>
-	 *  <li><code>linkHrefJS</code> - An achor's href JavaScript is run.</li>
-	 *  <li><code>mouseDownUpClicks</code> - A mousedown followed by mouseup creates a click event.</li>
-	 *  <li><code>tabKeyTabs</code> - A tab key changes tabs.</li>
-	 *  <li><code>keypressOnAnchorClicks</code> - Keying enter on an anchor triggers a click.</li>
-	 * </ul>
-	 */
-	support : {
-		clickChanges : false,
-		clickSubmits : false,
-		keypressSubmits : false,
-		mouseupSubmits: false,
-		radioClickChanges : false,
-		focusChanges : false,
-		linkHrefJS : false,
-		keyCharacters : false,
-		backspaceWorks : false,
-		mouseDownUpClicks : false,
-		tabKeyTabs : false,
-		keypressOnAnchorClicks : false,
-		optionClickBubbles : false
-	},
-	/**
-	 * Creates a synthetic event and dispatches it on the element.
-	 * This will run any default actions for the element.
-	 * Typically you want to use Syn, but if you want the return value, use this.
-	 * @param {String} type
-	 * @param {Object} options
-	 * @param {HTMLElement} element
-	 * @return {Boolean} true if default events were run, false if otherwise.
-	 */
-	trigger : function(type, options, element){
-		options || (options = {});
-		var create = Syn.create,
-			setup = create[type] && create[type].setup,
-			kind = key.test(type) ?
-				'key' :
-				( page.test(type) ?
-					"page" : "mouse" ),
-				createType = create[type] || {},
-				createKind = create[kind],
-				event,
-				ret,
-				autoPrevent = options._autoPrevent,
-				dispatchEl = element;
-		//any setup code?
-		Syn.support.ready && setup && setup(type, options, element);
-		//get kind
-		delete options._autoPrevent;
-		if(createType.event){
-			ret = createType.event(type, options, element)
-		}else{
-			//convert options
-			options = createKind.options ? createKind.options(type,options,element) : options;
-			if(!Syn.support.changeBubbles && /option/i.test(element.nodeName)){
-				dispatchEl = element.parentNode; //jQuery expects clicks on select
-			}
-			//create the event
-			event = createKind.event(type,options,dispatchEl)
-			//send the event
-			ret = Syn.dispatch(event, dispatchEl, type, autoPrevent)
-		}
-		//run default behavior
-		ret && Syn.support.ready
-			&& Syn.defaults[type]
-			&& Syn.defaults[type].call(element, options, autoPrevent);
-		return ret;
-	},
-	eventSupported: function( eventName ) {
-		var el = document.createElement("div");
-		eventName = "on" + eventName;
-		var isSupported = (eventName in el);
-		if ( !isSupported ) {
-			el.setAttribute(eventName, "return;");
-			isSupported = typeof el[eventName] === "function";
-		}
-		el = null;
-		return isSupported;
-	}
-});
-	var h = Syn.helpers;
-/**
- * @Prototype
- */
-extend(Syn.init.prototype,{
-	/**
-	 * @function then
-	 * <p>
-	 * Then is used to chain a sequence of actions to be run one after the other.
-	 * This is useful when many asynchronous actions need to be performed before some
-	 * final check needs to be made.
-	 * </p>
-	 * <p>The following clicks and types into the <code>id='age'</code> element and then checks that only numeric characters can be entered.</p>
-	 * <h3>Example</h3>
-	 * @codestart
-	 * Syn('click',{},'age')
-	 *   .then('type','I am 12',function(){
-	 *   equals($('#age').val(),"12")
-	 * })
-	 * @codeend
-	 * If the element argument is undefined, then the last element is used.
-	 *
-	 * @param {String} type The type of event or action to create: "_click", "_dblclick", "_drag", "_type".
-	 * @param {Object} options Optiosn to pass to the event.
-	 * @param {String|HTMLElement} [element] A element's id or an element.  If undefined, defaults to the previous element.
-	 * @param {Function} [callback] A function to callback after the action has run, but before any future chained actions are run.
-	 */
-	then : function(type, options, element, callback){
-		if(Syn.autoDelay){
-			this.delay();
-		}
-		var args = Syn.args(options,element, callback),
-			self = this;
-		//if stack is empty run right away
-		//otherwise ... unshift it
-		this.queue.unshift(function(el, prevented){
-			if(typeof this[type] == "function") {
-				this.element = args.element || el;
-				this[type](args.options, this.element, function(defaults, el){
-					args.callback && args.callback.apply(self, arguments);
-					self.done.apply(self, arguments)
-				})
-			}else{
-				this.result = Syn.trigger(type, args.options, args.element);
-				args.callback && args.callback.call(this, args.element, this.result);
-				return this;
-			}
-		})
-		return this;
-	},
-	/**
-	 * Delays the next command a set timeout.
-	 * @param {Number} [timeout]
-	 * @param {Function} [callback]
-	 */
-	delay : function(timeout, callback){
-		if(typeof timeout == 'function'){
-			callback = timeout;
-			timeout = null;
-		}
-		timeout = timeout || 600
-		var self = this;
-		this.queue.unshift(function(){
-			setTimeout(function(){
-				callback && callback.apply(self,[])
-				self.done.apply(self, arguments)
-			},timeout)
-		})
-		return this;
-	},
-	done : function( defaults, el){
-		el && (this.element = el);;
-		if(this.queue.length){
-			this.queue.pop().call(this, this.element, defaults);
-		}
-	},
-	/**
-	 * @function click
-	 * Clicks an element by triggering a mousedown,
-	 * mouseup,
-	 * and a click event.
-	 * <h3>Example</h3>
-	 * @codestart
-	 * Syn.click({},'create',function(){
-	 *   //check something
-	 * })
-	 * @codeend
-	 * You can also provide the coordinates of the click.
-	 * If jQuery is present, it will set clientX and clientY
-	 * for you.  Here's how to set it yourself:
-	 * @codestart
-	 * Syn.click(
-	 *     {clientX: 20, clientY: 100},
-	 *     'create',
-	 *     function(){
-	 *       //check something
-	 *     })
-	 * @codeend
-	 * You can also provide pageX and pageY and Syn will convert it for you.
-	 * @param {Object} options
-	 * @param {HTMLElement} element
-	 * @param {Function} callback
-	 */
-	"_click" : function(options, element, callback, force){
-		Syn.helpers.addOffset(options, element);
-		Syn.trigger("mousedown", options, element);
-		//timeout is b/c IE is stupid and won't call focus handlers
-		setTimeout(function(){
-			Syn.trigger("mouseup", options, element)
-			if(!Syn.support.mouseDownUpClicks || force){
-				Syn.trigger("click", options, element)
-				callback(true)
-			}else{
-				//we still have to run the default (presumably)
-				Syn.create.click.setup('click',options,element)
-				Syn.defaults.click.call(element)
-				//must give time for callback
-				setTimeout(function(){
-					callback(true)
-				},1)
-			}
-		},1)
-	},
-	/**
-	 * Right clicks in browsers that support it (everyone but opera).
-	 * @param {Object} options
-	 * @param {Object} element
-	 * @param {Object} callback
-	 */
-	"_rightClick" : function(options, element, callback){
-		Syn.helpers.addOffset(options, element);
-		var mouseopts =  extend( extend({},Syn.mouse.browser.right.mouseup ), options)
-		Syn.trigger("mousedown", mouseopts, element);
-		//timeout is b/c IE is stupid and won't call focus handlers
-		setTimeout(function(){
-			Syn.trigger("mouseup", mouseopts, element)
-			if (Syn.mouse.browser.contextmenu) {
-				Syn.trigger("contextmenu",
-					extend( extend({},Syn.mouse.browser.right.contextmenu ), options),
-					element)
-			}
-			callback(true)
-		},1)
-	},
-	/**
-	 * @function dblclick
-	 * Dblclicks an element.  This runs two [Syn.prototype.click click] events followed by
-	 * a dblclick on the element.
-	 * <h3>Example</h3>
-	 * @codestart
-	 * Syn.dblclick({},'open')
-	 * @codeend
-	 * @param {Object} options
-	 * @param {HTMLElement} element
-	 * @param {Function} callback
-	 */
-	"_dblclick" : function(options, element, callback){
-		Syn.helpers.addOffset(options, element);
-		var self = this;
-		this._click(options, element, function(){
-			setTimeout(function(){
-				self._click(options, element, function(){
-					Syn.trigger("dblclick", options, element)
-					callback(true)
-				},true)
-			},2)
-		})
-	}
-})
-var actions = ["click","dblclick","move","drag","key","type",'rightClick'],
-	makeAction = function(name){
-		Syn[name] = function(options, element, callback){
-			return Syn("_"+name, options, element, callback)
-		}
-		Syn.init.prototype[name] = function(options, element, callback){
-			return this.then("_"+name, options, element, callback)
-		}
-	}
-for(var i=0; i < actions.length; i++){
-	makeAction(actions[i]);
-}
-/**
- * Used for creating and dispatching synthetic events.
- * @codestart
- * new MVC.Syn('click').send(MVC.$E('id'))
- * @codeend
- * @init Sets up a synthetic event.
- * @param {String} type type of event, ex: 'click'
- * @param {optional:Object} options
- */
-if (window.jQuery || (window.FuncUnit && window.FuncUnit.jquery)) {
-	(window.jQuery || window.FuncUnit.jquery).fn.triggerSyn = function(type, options, callback){
-		Syn(type, options, this[0], callback)
-		return this;
-	};
-}
-window.Syn = Syn;
-})();
-// funcunit/synthetic/mouse.js
-(function($){
-var h = Syn.helpers;
-Syn.mouse = {};
-h.extend(Syn.defaults,{
-	mousedown : function(options){
-		Syn.trigger("focus", {}, this)
-	},
-	click : function(){
-		// prevents the access denied issue in IE if the click causes the element to be destroyed
-		var element = this;
-		try {
-			element.nodeType;
-		} catch(e){
-			return;
-		}
-		//get old values
-		var href,
-			checked = Syn.data(element,"checked"),
-			scope = Syn.helpers.getWindow(element),
-			nodeName = element.nodeName.toLowerCase();
-		if( (href = Syn.data(element,"href") ) ){
-			element.setAttribute('href',href)
-		}
-		//run href javascript
-		if(!Syn.support.linkHrefJS
-			&& /^\s*javascript:/.test(element.href)){
-			//eval js
-			var code = element.href.replace(/^\s*javascript:/,"")
-			//try{
-			if (code != "//" && code.indexOf("void(0)") == -1) {
-				if(window.selenium){
-					eval("with(selenium.browserbot.getCurrentWindow()){"+code+"}")
-				}else{
-					eval("with(scope){"+code+"}")
-				}
-			}
-		}
-		//submit a form
-		if(nodeName == "input"
-			&& element.type == "submit"
-			&& !(Syn.support.clickSubmits)){
-			var form =  Syn.closest(element, "form");
-			if(form){
-				Syn.trigger("submit",{},form)
-			}
-		}
-		//follow a link, probably needs to check if in an a.
-		if(nodeName == "a"
-			&& element.href
-			&& !/^\s*javascript:/.test(element.href)){
-			scope.location.href = element.href;
-		}
-		//change a checkbox
-		if(nodeName == "input"
-			&& element.type == "checkbox"){
-			if(!Syn.support.clickChecks && !Syn.support.changeChecks){
-				element.checked = !element.checked;
-			}
-			if(!Syn.support.clickChanges){
-				Syn.trigger("change",{},  element );
-			}
-		}
-		//change a radio button
-		if(nodeName == "input" && element.type == "radio"){  // need to uncheck others if not checked
-			if(!Syn.support.clickChecks && !Syn.support.changeChecks){
-				//do the checks manually
-				if(!element.checked){ //do nothing, no change
-					element.checked = true;
-				}
-			}
-			if(checked != element.checked && !Syn.support.radioClickChanges){
-				Syn.trigger("change",{},  element );
-			}
-		}
-		// change options
-		if(nodeName == "option" && Syn.data(element,"createChange")){
-			Syn.trigger("change",{}, element.parentNode);//does not bubble
-			Syn.data(element,"createChange",false)
-		}
-	}
-})
-//add create and setup behavior for mosue events
-h.extend(Syn.create,{
-	mouse : {
-		options : function(type, options, element){
-			var doc = document.documentElement, body = document.body,
-				center = [options.pageX || 0, options.pageY || 0],
-				//browser might not be loaded yet (doing support code)
-				left = Syn.mouse.browser && Syn.mouse.browser.left[type],
-				right = Syn.mouse.browser && Syn.mouse.browser.right[type];
-			return h.extend({
-				bubbles : true,cancelable : true,
-				view : window,
-				detail : 1,
-				screenX : 1, screenY : 1,
-				clientX : options.clientX || center[0] -(doc && doc.scrollLeft || body && body.scrollLeft || 0) - (doc.clientLeft || 0),
-				clientY : options.clientY || center[1] -(doc && doc.scrollTop || body && body.scrollTop || 0) - (doc.clientTop || 0),
-				ctrlKey : !!Syn.key.ctrlKey,
-				altKey : !!Syn.key.altKey,
-				shiftKey : !!Syn.key.shiftKey,
-				metaKey : !!Syn.key.metaKey,
-				button : left && left.button != null ?
-					left.button :
-					right && right.button || (type == 'contextmenu' ? 2 : 0),
-				relatedTarget : document.documentElement
-			}, options);
-		},
-		event : document.createEvent ?
-			function(type, defaults, element){  //Everyone Else
-				var event;
-				try {
-					event = element.ownerDocument.createEvent('MouseEvents');
-					event.initMouseEvent(type,
-						defaults.bubbles, defaults.cancelable,
-						defaults.view,
-						defaults.detail,
-						defaults.screenX, defaults.screenY,defaults.clientX,defaults.clientY,
-						defaults.ctrlKey,defaults.altKey,defaults.shiftKey,defaults.metaKey,
-						defaults.button,defaults.relatedTarget);
-				} catch(e) {
-					event = h.createBasicStandardEvent(type,defaults)
-				}
-				event.synthetic = true;
-				return event;
-			} :
-			h.createEventObject
-	},
-	click : {
-		setup : function(type, options, element){
-			try{
-				Syn.data(element,"checked", element.checked);
-			}catch(e){}
-			if(
-				element.nodeName.toLowerCase() == "a"
-				&& element.href
-				&& !/^\s*javascript:/.test(element.href)){
-				//save href
-				Syn.data(element,"href", element.href)
-				//remove b/c safari/opera will open a new tab instead of changing the page
-				element.setAttribute('href','javascript://')
-			}
-			//if select or option, save old value and mark to change
-			if(/option/i.test(element.nodeName)){
-				var child = element.parentNode.firstChild,
-				i = -1;
-				while(child){
-					if(child.nodeType ==1){
-						i++;
-						if(child == element) break;
-					}
-					child = child.nextSibling;
-				}
-				if(i !== element.parentNode.selectedIndex){
-					//shouldn't this wait on triggering
-					//change?
-					element.parentNode.selectedIndex = i;
-					Syn.data(element,"createChange",true)
-				}
-			}
-		}
-	},
-	mousedown : {
-		setup : function(type,options, element){
-			var nn = element.nodeName.toLowerCase();
-			//we have to auto prevent default to prevent freezing error in safari
-			if(Syn.browser.safari && (nn == "select" || nn == "option" )){
-				options._autoPrevent = true;
-			}
-		}
-	}
-});
-//do support code
-(function(){
-	if(!document.body){
-		setTimeout(arguments.callee,1)
-		return;
-	}
-	var oldSynth = window.__synthTest;
-	window.__synthTest = function(){
-		Syn.support.linkHrefJS = true;
-	}
-	var div = document.createElement("div"),
-		checkbox,
-		submit,
-		form,
-		input,
-		select;
-	div.innerHTML = "<form id='outer'>"+
-		"<input name='checkbox' type='checkbox'/>"+
-		"<input name='radio' type='radio' />"+
-		"<input type='submit' name='submitter'/>"+
-		"<input type='input' name='inputter'/>"+
-		"<input name='one'>"+
-		"<input name='two'/>"+
-		"<a href='javascript:__synthTest()' id='synlink'></a>"+
-		"<select><option></option></select>"+
-		"</form>";
-	document.documentElement.appendChild(div);
-	form = div.firstChild
-	checkbox = form.childNodes[0];
-	submit = form.childNodes[2];
-	select = form.getElementsByTagName('select')[0]
-	checkbox.checked = false;
-	checkbox.onchange = function(){
-		Syn.support.clickChanges = true;
-	}
-	Syn.trigger("click", {}, checkbox)
-	Syn.support.clickChecks = checkbox.checked;
-	checkbox.checked = false;
-	Syn.trigger("change", {}, checkbox);
-	Syn.support.changeChecks = checkbox.checked;
-	form.onsubmit = function(ev){
-		if (ev.preventDefault)
-			ev.preventDefault();
-		Syn.support.clickSubmits = true;
-		return false;
-	}
-	Syn.trigger("click", {}, submit)
-	form.childNodes[1].onchange = function(){
-		Syn.support.radioClickChanges = true;
-	}
-	Syn.trigger("click", {}, form.childNodes[1])
-	Syn.bind(div, 'click', function(){
-		Syn.support.optionClickBubbles = true;
-		Syn.unbind(div,'click', arguments.callee)
-	})
-	Syn.trigger("click",{},select.firstChild)
-	Syn.support.changeBubbles = Syn.eventSupported('change');
-	//test if mousedown followed by mouseup causes click (opera), make sure there are no clicks after this
-	var clicksCount = 0
-	div.onclick = function(){
-		Syn.support.mouseDownUpClicks = true;
-		//we should use this to check for opera potentially, but would
-		//be difficult to remove element correctly
-		//Syn.support.mouseDownUpRepeatClicks = (2 == (++clicksCount))
-	}
-	Syn.trigger("mousedown",{},div)
-	Syn.trigger("mouseup",{},div)
-	//setTimeout(function(){
-	//	Syn.trigger("mousedown",{},div)
-	//	Syn.trigger("mouseup",{},div)
-	//},1)
-	document.documentElement.removeChild(div);
-	//check stuff
-	window.__synthTest = oldSynth;
-	//support.ready = true;
-})();
-})();
-// funcunit/synthetic/browsers.js
-(function($){
-	Syn.key.browsers = {
-		webkit : {
-			'prevent':
-			 {"keyup":[],"keydown":["char","keypress"],"keypress":["char"]},
-			'character':
-			 {"keydown":[0,"key"],"keypress":["char","char"],"keyup":[0,"key"]},
-			'specialChars':
-			 {"keydown":[0,"char"],"keyup":[0,"char"]},
-			'navigation':
-			 {"keydown":[0,"key"],"keyup":[0,"key"]},
-			'special':
-			 {"keydown":[0,"key"],"keyup":[0,"key"]},
-			'tab':
-			 {"keydown":[0,"char"],"keyup":[0,"char"]},
-			'pause-break':
-			 {"keydown":[0,"key"],"keyup":[0,"key"]},
-			'caps':
-			 {"keydown":[0,"key"],"keyup":[0,"key"]},
-			'escape':
-			 {"keydown":[0,"key"],"keyup":[0,"key"]},
-			'num-lock':
-			 {"keydown":[0,"key"],"keyup":[0,"key"]},
-			'scroll-lock':
-			 {"keydown":[0,"key"],"keyup":[0,"key"]},
-			'print':
-			 {"keyup":[0,"key"]},
-			'function':
-			 {"keydown":[0,"key"],"keyup":[0,"key"]},
-			'\r':
-			 {"keydown":[0,"key"],"keypress":["char","key"],"keyup":[0,"key"]}
-		},
-		gecko : {
-			'prevent':
-			 {"keyup":[],"keydown":["char"],"keypress":["char"]},
-			'character':
-			 {"keydown":[0,"key"],"keypress":["char",0],"keyup":[0,"key"]},
-			'specialChars':
-			 {"keydown":[0,"key"],"keypress":[0,"key"],"keyup":[0,"key"]},
-			'navigation':
-			 {"keydown":[0,"key"],"keypress":[0,"key"],"keyup":[0,"key"]},
-			'special':
-			 {"keydown":[0,"key"],"keyup":[0,"key"]},
-			'\t':
-			 {"keydown":[0,"key"],"keypress":[0,"key"],"keyup":[0,"key"]},
-			'pause-break':
-			 {"keydown":[0,"key"],"keypress":[0,"key"],"keyup":[0,"key"]},
-			'caps':
-			 {"keydown":[0,"key"],"keyup":[0,"key"]},
-			'escape':
-			 {"keydown":[0,"key"],"keypress":[0,"key"],"keyup":[0,"key"]},
-			'num-lock':
-			 {"keydown":[0,"key"],"keyup":[0,"key"]},
-			'scroll-lock':
-			 {"keydown":[0,"key"],"keyup":[0,"key"]},
-			'print':
-			 {"keyup":[0,"key"]},
-			'function':
-			 {"keydown":[0,"key"],"keyup":[0,"key"]},
-			'\r':
-			 {"keydown":[0,"key"],"keypress":[0,"key"],"keyup":[0,"key"]}
-		},
-		msie : {
-			'prevent':{"keyup":[],"keydown":["char","keypress"],"keypress":["char"]},
-			'character':{"keydown":[null,"key"],"keypress":[null,"char"],"keyup":[null,"key"]},
-			'specialChars':{"keydown":[null,"char"],"keyup":[null,"char"]},
-			'navigation':{"keydown":[null,"key"],"keyup":[null,"key"]},
-			'special':{"keydown":[null,"key"],"keyup":[null,"key"]},
-			'tab':{"keydown":[null,"char"],"keyup":[null,"char"]},
-			'pause-break':{"keydown":[null,"key"],"keyup":[null,"key"]},
-			'caps':{"keydown":[null,"key"],"keyup":[null,"key"]},
-			'escape':{"keydown":[null,"key"],"keypress":[null,"key"],"keyup":[null,"key"]},
-			'num-lock':{"keydown":[null,"key"],"keyup":[null,"key"]},
-			'scroll-lock':{"keydown":[null,"key"],"keyup":[null,"key"]},
-			'print':{"keyup":[null,"key"]},
-			'function':{"keydown":[null,"key"],"keyup":[null,"key"]},
-			'\r':{"keydown":[null,"key"],"keypress":[null,"key"],"keyup":[null,"key"]}
-		},
-		opera : {
-			'prevent':
-			 {"keyup":[],"keydown":[],"keypress":["char"]},
-			'character':
-			 {"keydown":[null,"key"],"keypress":[null,"char"],"keyup":[null,"key"]},
-			'specialChars':
-			 {"keydown":[null,"char"],"keypress":[null,"char"],"keyup":[null,"char"]},
-			'navigation':
-			 {"keydown":[null,"key"],"keypress":[null,"key"]},
-			'special':
-			 {"keydown":[null,"key"],"keypress":[null,"key"],"keyup":[null,"key"]},
-			'tab':
-			 {"keydown":[null,"char"],"keypress":[null,"char"],"keyup":[null,"char"]},
-			'pause-break':
-			 {"keydown":[null,"key"],"keypress":[null,"key"],"keyup":[null,"key"]},
-			'caps':
-			 {"keydown":[null,"key"],"keyup":[null,"key"]},
-			'escape':
-			 {"keydown":[null,"key"],"keypress":[null,"key"]},
-			'num-lock':
-			 {"keyup":[null,"key"],"keydown":[null,"key"],"keypress":[null,"key"]},
-			'scroll-lock':
-			 {"keydown":[null,"key"],"keypress":[null,"key"],"keyup":[null,"key"]},
-			'print':
-			 {},
-			'function':
-			 {"keydown":[null,"key"],"keypress":[null,"key"],"keyup":[null,"key"]},
-			'\r':
-			 {"keydown":[null,"key"],"keypress":[null,"key"],"keyup":[null,"key"]}
-		}
-	};
-	Syn.mouse.browsers = {
-		webkit : {"right":{"mousedown":{"button":2,"which":3},"mouseup":{"button":2,"which":3},"contextmenu":{"button":2,"which":3}},
-		          "left":{"mousedown":{"button":0,"which":1},"mouseup":{"button":0,"which":1},"click":{"button":0,"which":1}}},
-		opera: {"right":{"mousedown":{"button":2,"which":3},"mouseup":{"button":2,"which":3}},
-		        "left":{"mousedown":{"button":0,"which":1},"mouseup":{"button":0,"which":1},"click":{"button":0,"which":1}}},
-		msie: {	"right":{"mousedown":{"button":2},"mouseup":{"button":2},"contextmenu":{"button":0}},
-				"left":{"mousedown":{"button":1},"mouseup":{"button":1},"click":{"button":0}}},
-		chrome : {"right":{"mousedown":{"button":2,"which":3},"mouseup":{"button":2,"which":3},"contextmenu":{"button":2,"which":3}},
-				  "left":{"mousedown":{"button":0,"which":1},"mouseup":{"button":0,"which":1},"click":{"button":0,"which":1}}},
-		gecko: {"left":{"mousedown":{"button":0,"which":1},"mouseup":{"button":0,"which":1},"click":{"button":0,"which":1}},
-		        "right":{"mousedown":{"button":2,"which":3},"mouseup":{"button":2,"which":3},"contextmenu":{"button":2,"which":3}}}
-	}
-	//set browser
-	Syn.key.browser =
-	(function(){
-		if(Syn.key.browsers[window.navigator.userAgent]){
-			return Syn.key.browsers[window.navigator.userAgent];
-		}
-		for(var browser in Syn.browser){
-			if(Syn.browser[browser] && Syn.key.browsers[browser]){
-				return Syn.key.browsers[browser]
-			}
-		}
-		return Syn.key.browsers.gecko;
-	})();
-	Syn.mouse.browser =
-	(function(){
-		if(Syn.mouse.browsers[window.navigator.userAgent]){
-			return Syn.mouse.browsers[window.navigator.userAgent];
-		}
-		for(var browser in Syn.browser){
-			if(Syn.browser[browser] && Syn.mouse.browsers[browser]){
-				return Syn.mouse.browsers[browser]
-			}
-		}
-		return Syn.mouse.browsers.gecko;
-	})();
-})();
-// funcunit/synthetic/key.js
-(function($){
-var h = Syn.helpers,
-	S = Syn,
-// gets the selection of an input or textarea
-getSelection = function(el){
-	// use selectionStart if we can
-	if (el.selectionStart !== undefined) {
-		// this is for opera, so we don't have to focus to type how we think we would
-		if(document.activeElement
-		 	&& document.activeElement != el
-			&& el.selectionStart == el.selectionEnd
-			&& el.selectionStart == 0){
-			return {start: el.value.length, end: el.value.length};
-		}
-		return  {start: el.selectionStart, end: el.selectionEnd}
-	}else{
-		//check if we aren't focused
-		//if(document.activeElement && document.activeElement != el){
-		//}
-		try {
-			//try 2 different methods that work differently (IE breaks depending on type)
-			if (el.nodeName.toLowerCase() == 'input') {
-				var real = h.getWindow(el).document.selection.createRange(), r = el.createTextRange();
-				r.setEndPoint("EndToStart", real);
-				var start = r.text.length
-				return {
-					start: start,
-					end: start + real.text.length
-				}
-			}
-			else {
-				var real = h.getWindow(el).document.selection.createRange(), r = real.duplicate(), r2 = real.duplicate(), r3 = real.duplicate();
-				r2.collapse();
-				r3.collapse(false);
-				r2.moveStart('character', -1)
-				r3.moveStart('character', -1)
-				//select all of our element
-				r.moveToElementText(el)
-				//now move our endpoint to the end of our real range
-				r.setEndPoint('EndToEnd', real);
-				var start = r.text.length - real.text.length, end = r.text.length;
-				if (start != 0 && r2.text == "") {
-					start += 2;
-				}
-				if (end != 0 && r3.text == "") {
-					end += 2;
-				}
-				//if we aren't at the start, but previous is empty, we are at start of newline
-				return {
-					start: start,
-					end: end
-				}
-			}
-		}catch(e){
-			return {start: el.value.length, end: el.value.length};
-		}
-	}
-},
-// gets all focusable elements
-getFocusable = function(el){
-	var document = h.getWindow(el).document,
-		res = [];
-	var els = document.getElementsByTagName('*'),
-		len = els.length;
-	for(var i=0;  i< len; i++){
-		Syn.isFocusable(els[i]) && els[i] != document.documentElement && res.push(els[i])
-	}
-	return res;
-};
-/**
- * @add Syn static
- */
-h.extend(Syn,{
-	/**
-	 * @attribute
-	 * A list of the keys and their keycodes codes you can type.
-	 * You can add type keys with
-	 * @codestart
-	 * Syn('key','delete','title');
-	 *
-	 * //or
-	 *
-	 * Syn('type','One Two Three[left][left][delete]','title')
-	 * @codeend
-	 *
-	 * The following are a list of keys you can type:
-	 * @codestart text
-	 * \b        - backspace
-	 * \t        - tab
-	 * \r        - enter
-	 * ' '       - space
-	 * a-Z 0-9   - normal characters
-	 * /!@#$*,.? - All other typeable characters
-	 * page-up   - scrolls up
-	 * page-down - scrolls down
-	 * end       - scrolls to bottom
-	 * home      - scrolls to top
-	 * insert    - changes how keys are entered
-	 * delete    - deletes the next character
-	 * left      - moves cursor left
-	 * right     - moves cursor right
-	 * up        - moves the cursor up
-	 * down      - moves the cursor down
-	 * f1-12     - function buttons
-	 * shift, ctrl, alt - special keys
-	 * pause-break      - the pause button
-	 * scroll-lock      - locks scrolling
-	 * caps      - makes caps
-	 * escape    - escape button
-	 * num-lock  - allows numbers on keypad
-	 * print     - screen capture
-	 * @codeend
-	 */
-	keycodes: {
-		//backspace
-		'\b':'8',
-		//tab
-		'\t':'9',
-		//enter
-		'\r':'13',
-		//special
-		'shift':'16','ctrl':'17','alt':'18',
-		//weird
-		'pause-break':'19',
-		'caps':'20',
-		'escape':'27',
-		'num-lock':'144',
-		'scroll-lock':'145',
-		'print' : '44',
-		//navigation
-		'page-up':'33','page-down':'34','end':'35','home':'36',
-		'left':'37','up':'38','right':'39','down':'40','insert':'45','delete':'46',
-		//normal characters
-		' ':'32',
-		'0':'48','1':'49','2':'50','3':'51','4':'52','5':'53','6':'54','7':'55','8':'56','9':'57',
-		'a':'65','b':'66','c':'67','d':'68','e':'69','f':'70','g':'71','h':'72','i':'73','j':'74','k':'75','l':'76','m':'77',
-		'n':'78','o':'79','p':'80','q':'81','r':'82','s':'83','t':'84','u':'85','v':'86','w':'87','x':'88','y':'89','z':'90',
-		//normal-characters, numpad
-		'num0':'96','num1':'97','num2':'98','num3':'99','num4':'100','num5':'101','num6':'102','num7':'103','num8':'104','num9':'105',
-		'*':'106','+':'107','-':'109','.':'110',
-		//normal-characters, others
-		'/':'111',
-		';':'186',
-		'=':'187',
-		',':'188',
-		'-':'189',
-		'.':'190',
-		'/':'191',
-		'`':'192',
-		'[':'219',
-		'\\':'220',
-		']':'221',
-		"'":'222',
-		//ignore these, you shouldn't use them
-		'left window key':'91','right window key':'92','select key':'93',
-		'f1':'112','f2':'113','f3':'114','f4':'115','f5':'116','f6':'117',
-		'f7':'118','f8':'119','f9':'120','f10':'121','f11':'122','f12':'123'
-	},
-	// what we can type in
-	typeable : /input|textarea/i,
-	// selects text on an element
-	selectText: function(el, start, end){
-		if(el.setSelectionRange){
-			if(!end){
-                el.focus();
-                el.setSelectionRange(start, start);
-			} else {
-				el.selectionStart = start;
-				el.selectionEnd = end;
-			}
-		}else if (el.createTextRange) {
-			//el.focus();
-			var r = el.createTextRange();
-			r.moveStart('character', start);
-			end = end || start;
-			r.moveEnd('character', end - el.value.length);
-			r.select();
-		}
-	},
-	getText: function(el){
-		//first check if the el has anything selected ..
-		if(Syn.typeable.test(el.nodeName)){
-			var sel = getSelection(el);
-			return el.value.substring(sel.start, sel.end)
-		}
-		//otherwise get from page
-		var win = Syn.helpers.getWindow(el);
-		if (win.getSelection) {
-			return win.getSelection().toString();
-		}
-		else  if (win.document.getSelection) {
-			return win.document.getSelection().toString()
-		}
-		else {
-			return win.document.selection.createRange().text;
-		}
-	},
-	getSelection : getSelection
-});
-h.extend(Syn.key,{
-	// retrieves a description of what events for this character should look like
-	data : function(key){
-		//check if it is described directly
-		if(S.key.browser[key]){
-			return S.key.browser[key];
-		}
-		for(var kind in S.key.kinds){
-			if(h.inArray(key, S.key.kinds[kind] ) > -1){
-				return S.key.browser[kind]
-			}
-		}
-		return S.key.browser.character
-	},
-	//returns the special key if special
-	isSpecial : function(keyCode){
-		var specials = S.key.kinds.special;
-		for(var i=0; i < specials.length; i++){
-			if(Syn.keycodes[ specials[i] ] == keyCode){
-				return specials[i];
-			}
-		}
-	},
-	/**
-	 * @hide
-	 * gets the options for a key and event type ...
-	 * @param {Object} key
-	 * @param {Object} event
-	 */
-	options : function(key, event){
-		var keyData = Syn.key.data(key);
-		if(!keyData[event]){
-			//we shouldn't be creating this event
-			return null;
-		}
-		var	charCode = keyData[event][0],
-			keyCode = keyData[event][1],
-			result = {};
-		if(keyCode == 'key'){
-			result.keyCode = Syn.keycodes[key]
-		} else if (keyCode == 'char'){
-			result.keyCode = key.charCodeAt(0)
-		}else{
-			result.keyCode = keyCode;
-		}
-		if(charCode == 'char'){
-			result.charCode = key.charCodeAt(0)
-		}else if(charCode !== null){
-			result.charCode = charCode;
-		}
-		return result
-	},
-	//types of event keys
-	kinds : {
-		special : ["shift",'ctrl','alt','caps'],
-		specialChars : ["\b"],
-		navigation: ["page-up",'page-down','end','home','left','up','right','down','insert','delete'],
-		'function' : ['f1','f2','f3','f4','f5','f6','f7','f8','f9','f10','f11','f12']
-	},
-	//returns the default function
-	getDefault : function(key){
-		//check if it is described directly
-		if(Syn.key.defaults[key]){
-			return Syn.key.defaults[key];
-		}
-		for(var kind in Syn.key.kinds){
-			if(h.inArray(key, Syn.key.kinds[kind])> -1 && Syn.key.defaults[kind]  ){
-				return Syn.key.defaults[kind];
-			}
-		}
-		return Syn.key.defaults.character
-	},
-	// default behavior when typing
-	defaults : 	{
-		'character' : function(options, scope, key, force, sel){
-			if(/num\d+/.test(key)){
-				key = key.match(/\d+/)[0]
-			}
-			if(force || (!S.support.keyCharacters && Syn.typeable.test(this.nodeName))){
-				var current = this.value,
-					before = current.substr(0,sel.start),
-					after = current.substr(sel.end),
-					character = key;
-				this.value = before+character+after;
-				//handle IE inserting \r\n
-				var charLength = character == "\n" && S.support.textareaCarriage ? 2 : character.length;
-				Syn.selectText(this, before.length + charLength)
-			}
-		},
-		'c' : function(options, scope, key, force, sel){
-			if(Syn.key.ctrlKey){
-				Syn.key.clipboard = Syn.getText(this)
-			}else{
-				Syn.key.defaults.character.apply(this, arguments);
-			}
-		},
-		'v' : function(options, scope, key, force, sel){
-			if(Syn.key.ctrlKey){
-				Syn.key.defaults.character.call(this, options,scope, Syn.key.clipboard, true,sel);
-			}else{
-				Syn.key.defaults.character.apply(this, arguments);
-			}
-		},
-		'a' : function(options, scope, key, force, sel){
-			if(Syn.key.ctrlKey){
-				Syn.selectText(this, 0, this.value.length)
-			}else{
-				Syn.key.defaults.character.apply(this, arguments);
-			}
-		},
-		'home' : function(){
-			Syn.onParents(this, function(el){
-				if(el.scrollHeight != el.clientHeight){
-					el.scrollTop = 0;
-					return false;
-				}
-			})
-		},
-		'end' : function(){
-			Syn.onParents(this, function(el){
-				if(el.scrollHeight != el.clientHeight){
-					el.scrollTop = el.scrollHeight;
-					return false;
-				}
-			})
-		},
-		'page-down' : function(){
-			//find the first parent we can scroll
-			Syn.onParents(this, function(el){
-				if(el.scrollHeight != el.clientHeight){
-					var ch = el.clientHeight
-					el.scrollTop += ch;
-					return false;
-				}
-			})
-		},
-		'page-up' : function(){
-			Syn.onParents(this, function(el){
-				if(el.scrollHeight != el.clientHeight){
-					var ch = el.clientHeight
-					el.scrollTop -= ch;
-					return false;
-				}
-			})
-		},
-		'\b' : function(options, scope, key, force, sel){
-			//this assumes we are deleting from the end
-			if(!S.support.backspaceWorks && Syn.typeable.test(this.nodeName)){
-				var current = this.value,
-					before = current.substr(0,sel.start),
-					after = current.substr(sel.end);
-				if(sel.start == sel.end && sel.start > 0){
-					//remove a character
-					this.value = before.substring(0, before.length - 1)+after
-					Syn.selectText(this, sel.start-1)
-				}else{
-					this.value = before+after;
-					Syn.selectText(this, sel.start)
-				}
-				//set back the selection
-			}
-		},
-		'delete' : function(options, scope, key, force, sel){
-			if(!S.support.backspaceWorks && Syn.typeable.test(this.nodeName)){
-				var current = this.value,
-					before = current.substr(0,sel.start),
-					after = current.substr(sel.end);
-				if(sel.start == sel.end && sel.start <= this.value.length - 1){
-					this.value = before+after.substring(1)
-				}else{
-					this.value = before+after;
-				}
-				Syn.selectText(this, sel.start)
-			}
-		},
-		'\r' : function(options, scope, key, force, sel){
-			var nodeName = this.nodeName.toLowerCase()
-			// submit a form
-			if(!S.support.keypressSubmits && nodeName == 'input'){
-				var form = Syn.closest(this, "form");
-				if(form){
-					Syn.trigger("submit", {}, form);
-				}
-			}
-			//newline in textarea
-			if(!S.support.keyCharacters && nodeName == 'textarea'){
-				Syn.key.defaults.character.call(this, options, scope, "\n", undefined, sel)
-			}
-			// 'click' hyperlinks
-			if(!S.support.keypressOnAnchorClicks && nodeName == 'a'){
-				Syn.trigger("click", {}, this);
-			}
-		},
-		//
-		// Gets all focusable elements.  If the element (this)
-		// doesn't have a tabindex, finds the next element after.
-		// If the element (this) has a tabindex finds the element
-		// with the next higher tabindex OR the element with the same
-		// tabindex after it in the document.
-		// @return the next element
-		//
-		'\t' : function(options, scope){
-				// focusable elements
-			var focusEls = getFocusable(this),
-				// the current element's tabindex
-				tabIndex = Syn.tabIndex(this),
-				// will be set to our guess for the next element
-				current = null,
-				// the next index we care about
-				currentIndex = 1000000000,
-				// set to true once we found 'this' element
-				found = false,
-				i = 0,
-				el,
-				//the tabindex of the tabable element we are looking at
-				elIndex,
-				firstNotIndexed,
-				prev;
-				orders = [];
-			for(; i< focusEls.length; i++){
-				orders.push([focusEls[i], i]);
-			}
-			var sort = function(order1, order2){
-				var el1 = order1[0],
-					el2 = order2[0],
-					tab1 = Syn.tabIndex(el1) || 0,
-					tab2 = Syn.tabIndex(el2) || 0;
-				if(tab1 == tab2){
-					return order1[1] - order2[1]
-				}else{
-					if(tab1 == 0){
-						return 1;
-					}else if(tab2 == 0){
-						return -1;
-					}else{
-						return tab1-tab2;
-					}
-				}
-			}
-			orders.sort(sort);
-			//now find current
-			for(i=0; i< orders.length; i++){
-				el = orders[i][0];
-				if(this== el ){
-					if(!Syn.key.shiftKey){
-						current = orders[i+1][0];
-						if(!current){
-							current = orders[0][0]
-						}
-					}else{
-						current = orders[i-1][0];
-						if(!current){
-							current = orders[focusEls.length-1][0]
-						}
-					}
-				}
-			}
-			//restart if we didn't find anything
-			if(!current){
-				current = firstNotIndexed;
-			}
-			current && current.focus();
-			return current;
-		},
-		'left' : function(options, scope, key, force, sel){
-			if( Syn.typeable.test(this.nodeName) ){
-				if(Syn.key.shiftKey){
-					Syn.selectText(this, sel.start == 0 ? 0 : sel.start - 1, sel.end)
-				}else{
-					Syn.selectText(this, sel.start == 0 ? 0 : sel.start - 1)
-				}
-			}
-		},
-		'right' : function(options, scope, key, force, sel){
-			if( Syn.typeable.test(this.nodeName) ){
-				if(Syn.key.shiftKey){
-					Syn.selectText(this, sel.start, sel.end+1 > this.value.length ? this.value.length  : sel.end+1)
-				}else{
-					Syn.selectText(this, sel.end+1 > this.value.length ? this.value.length  : sel.end+1)
-				}
-			}
-		},
-		'up' : function(){
-			if(/select/i.test(this.nodeName)){
-				this.selectedIndex = this.selectedIndex ? this.selectedIndex-1 : 0;
-				//set this to change on blur?
-			}
-		},
-		'down' : function(){
-			if(/select/i.test(this.nodeName)){
-				Syn.changeOnBlur(this, "selectedIndex", this.selectedIndex)
-				this.selectedIndex = this.selectedIndex+1;
-				//set this to change on blur?
-			}
-		},
-		'shift' : function(){
-			return null;
-		}
-	}
-});
-h.extend(Syn.create,{
-	keydown : {
-		setup : function(type, options, element){
-			if(h.inArray(options,Syn.key.kinds.special ) != -1){
-				Syn.key[options+"Key"] = element;
-			}
-		}
-	},
-	keyup : {
-		setup : function(type, options, element){
-			if(h.inArray(options,Syn.key.kinds.special )!= -1){
-				Syn.key[options+"Key"] = null;
-			}
-		}
-		},
-	key : {
-		// return the options for a key event
-		options : function(type, options, element){
-			//check if options is character or has character
-			options = typeof options != "object" ? {character : options} : options;
-			//don't change the orignial
-			options = h.extend({}, options)
-			if(options.character){
-				h.extend(options, S.key.options(options.character, type));
-				delete options.character;
-			}
-			options = h.extend({
-				ctrlKey: !!Syn.key.ctrlKey,
-				altKey: !!Syn.key.altKey,
-				shiftKey: !!Syn.key.shiftKey,
-				metaKey: !!Syn.key.metaKey
-			}, options)
-			return options;
-		},
-		// creates a key event
-		event : document.createEvent ?
-			function(type, options, element){  //Everyone Else
-				var event;
-				try {
-					event = element.ownerDocument.createEvent("KeyEvents");
-					event.initKeyEvent(type, true, true, window,
-						options.ctrlKey, options.altKey, options.shiftKey, options.metaKey,
-						options.keyCode, options.charCode );
-				} catch(e) {
-					event = h.createBasicStandardEvent(type,options)
-				}
-				event.synthetic = true;
-				return event;
-			} :
-			function(type, options, element){
-				var event = h.createEventObject.apply(this,arguments);
-				h.extend(event, options)
-				return event;
-			}
-		}
-});
-var convert = {
-			"enter" : "\r",
-			"backspace" : "\b",
-			"tab" : "\t",
-			"space" : " "
-		}
-/**
- * @add Syn prototype
- */
-h.extend(Syn.init.prototype,
-{
-	/**
-	 * @function key
-	 * Types a single key.  The key should be
-	 * a string that matches a
-	 * [Syn.static.keycodes].
-	 *
-	 * The following sends a carridge return
-	 * to the 'name' element.
-	 * @codestart
-	 * Syn.key('\r','name')
-	 * @codeend
-	 * For each character, a keydown, keypress, and keyup is triggered if
-	 * appropriate.
-	 * @param {String} options
-	 * @param {HTMLElement} [element]
-	 * @param {Function} [callback]
-	 * @return {HTMLElement} the element currently focused.
-	 */
-	_key : function(options, element, callback){
-		//first check if it is a special up
-		if(/-up$/.test(options)
-			&& h.inArray(options.replace("-up",""),Syn.key.kinds.special )!= -1){
-			Syn.trigger('keyup',options.replace("-up",""), element )
-			callback(true, element);
-			return;
-		}
-		var caret = Syn.typeable.test(element.nodeName) && getSelection(element),
-			key = convert[options] || options,
-			// should we run default events
-			runDefaults = Syn.trigger('keydown',key, element ),
-			// a function that gets the default behavior for a key
-			getDefault = Syn.key.getDefault,
-			// how this browser handles preventing default events
-			prevent = Syn.key.browser.prevent,
-			// the result of the default event
-			defaultResult,
-			// options for keypress
-			keypressOptions = Syn.key.options(key, 'keypress')
-		if(runDefaults){
-			//if the browser doesn't create keypresses for this key, run default
-			if(!keypressOptions){
-				defaultResult = getDefault(key).call(element, keypressOptions, h.getWindow(element), key, undefined, caret)
-			}else{
-				//do keypress
-				runDefaults = Syn.trigger('keypress',keypressOptions, element )
-				if(runDefaults){
-					defaultResult = getDefault(key).call(element, keypressOptions, h.getWindow(element), key, undefined, caret)
-				}
-			}
-		}else{
-			//canceled ... possibly don't run keypress
-			if(keypressOptions && h.inArray('keypress',prevent.keydown) == -1 ){
-				Syn.trigger('keypress',keypressOptions, element )
-			}
-		}
-		if(defaultResult && defaultResult.nodeName){
-			element = defaultResult
-		}
-		if(defaultResult !== null){
-			setTimeout(function(){
-				Syn.trigger('keyup',Syn.key.options(key, 'keyup'), element )
-				callback(runDefaults, element)
-			},1)
-		}else{
-			callback(runDefaults, element)
-		}
-		//do mouseup
-		return element;
-		// is there a keypress? .. if not , run default
-		// yes -> did we prevent it?, if not run ...
-	},
-	/**
-	 * @function type
-	 * Types sequence of [Syn.prototype.key key actions].  Each
-	 * character is typed, one at a type.
-	 * Multi-character keys like 'left' should be
-	 * enclosed in square brackents.
-	 *
-	 * The following types 'JavaScript MVC' then deletes the space.
-	 * @codestart
-	 * Syn.type('JavaScript MVC[left][left][left]\b','name')
-	 * @codeend
-	 *
-	 * Type is able to handle (and move with) tabs (\t).
-	 * The following simulates tabing and entering values in a form and
-	 * eventually submitting the form.
-	 * @codestart
-	 * Syn.type("Justin\tMeyer\t27\tjustinbmeyer@gmail.com\r")
-	 * @codeend
-	 * @param {String} options the text to type
-	 * @param {HTMLElement} [element] an element or an id of an element
-	 * @param {Function} [callback] a function to callback
-	 */
-	_type : function(options, element, callback){
-		//break it up into parts ...
-		//go through each type and run
-		var parts = options.match(/(\[[^\]]+\])|([^\[])/g),
-			self  = this,
-			runNextPart = function(runDefaults, el){
-				var part = parts.shift();
-				if(!part){
-					callback(runDefaults, el);
-					return;
-				}
-				el = el || element;
-				if(part.length > 1){
-					part = part.substr(1,part.length - 2)
-				}
-				self._key(part, el, runNextPart)
-			}
-		runNextPart();
-	}
-});
-//do support code
-(function(){
-	if(!document.body){
-		setTimeout(arguments.callee,1)
-		return;
-	}
-	var div = document.createElement("div"),
-		checkbox,
-		submit,
-		form,
-		input,
-		submitted = false,
-		anchor,
-		textarea;
-	div.innerHTML = "<form id='outer'>"+
-		"<input name='checkbox' type='checkbox'/>"+
-		"<input name='radio' type='radio' />"+
-		"<input type='submit' name='submitter'/>"+
-		"<input type='input' name='inputter'/>"+
-		"<input name='one'>"+
-		"<input name='two'/>"+
-		"<a href='#abc'></a>"+
-		"<textarea>1\n2</textarea>"
-		"</form>";
-	document.documentElement.appendChild(div);
-	form = div.firstChild;
-	checkbox = form.childNodes[0];
-	submit = form.childNodes[2];
-	anchor = form.getElementsByTagName("a")[0];
-	textarea = form.getElementsByTagName("textarea")[0]
-	form.onsubmit = function(ev){
-		if (ev.preventDefault)
-			ev.preventDefault();
-		S.support.keypressSubmits = true;
-		ev.returnValue = false;
-		return false;
-	}
-	Syn.trigger("keypress", "\r", form.childNodes[3]);
-	Syn.trigger("keypress", "a", form.childNodes[3]);
-	S.support.keyCharacters = form.childNodes[3].value == "a";
-	form.childNodes[3].value = "a"
-	Syn.trigger("keypress", "\b", form.childNodes[3]);
-	S.support.backspaceWorks = form.childNodes[3].value == "";
-	form.childNodes[3].onchange = function(){
-		S.support.focusChanges = true;
-	}
-	form.childNodes[3].focus();
-	Syn.trigger("keypress", "a", form.childNodes[3]);
-	form.childNodes[5].focus();
-	//test keypress \r on anchor submits
-	S.bind(anchor,"click",function(ev){
-		if (ev.preventDefault)
-			ev.preventDefault();
-		S.support.keypressOnAnchorClicks = true;
-		ev.returnValue = false;
-		return false;
-	})
-	Syn.trigger("keypress", "\r", anchor);
-	S.support.textareaCarriage = textarea.value.length == 4
-	document.documentElement.removeChild(div);
-	S.support.ready = true;
-})();
-})();
-// funcunit/synthetic/drag/drag.js
-(function($){
-	// document body has to exists for this test
-	(function(){
-		if (!document.body) {
-			setTimeout(arguments.callee, 1)
-			return;
-		}
-		var div = document.createElement('div')
-		document.body.appendChild(div);
-		Syn.helpers.extend(div.style, {
-			width: "100px",
-			height: "10000px",
-			backgroundColor: "blue",
-			position: "absolute",
-			top: "10px",
-			left: "0px",
-			zIndex: 19999
-		});
-		document.body.scrollTop = 11;
-		if(!document.elementFromPoint){
-			return;
-		}
-		var el = document.elementFromPoint(3, 1)
-		if (el == div) {
-			Syn.support.elementFromClient = true;
-		}
-		else {
-			Syn.support.elementFromPage = true;
-		}
-		document.body.removeChild(div);
-		document.body.scrollTop = 0;
-	})();
-	//gets an element from a point
-	var elementFromPoint = function(point, element){
-		var clientX = point.clientX, clientY = point.clientY, win = Syn.helpers.getWindow(element)
-		if (Syn.support.elementFromPage) {
-			var off = Syn.helpers.scrollOffset(win);
-			clientX = clientX + off.left; //convert to pageX
-			clientY = clientY + off.top; //convert to pageY
-		}
-		return win.document.elementFromPoint ? win.document.elementFromPoint(clientX, clientY) : element;
-	}, //creates an event at a certain point
-	createEventAtPoint = function(event, point, element){
-		var el = elementFromPoint(point, element)
-		Syn.trigger(event, point, el || element)
-		return el;
-	}, // creates a mousemove event, but first triggering mouseout / mouseover if appropriate
-	mouseMove = function(point, element, last){
-		var el = elementFromPoint(point, element)
-		if (last != el && el && last) {
-			var options = Syn.helpers.extend({},point);
-			options.relatedTarget = el;
-			Syn.trigger("mouseout", options, last);
-			options.relatedTarget = last;
-			Syn.trigger("mouseover", options, el);
-		}
-		Syn.trigger("mousemove", point, el || element)
-		return el;
-	}, // start and end are in clientX, clientY
-	startMove = function(start, end, duration, element, callback){
-		var startTime = new Date(),
-			distX = end.clientX - start.clientX,
-			distY = end.clientY - start.clientY,
-			win = Syn.helpers.getWindow(element),
-			current = elementFromPoint(start, element),
-			cursor = win.document.createElement('div'),
-			calls = 0;
-		move = function(){
-			//get what fraction we are at
-			var now = new Date(),
-				scrollOffset = Syn.helpers.scrollOffset(win),
-				fraction = ( calls == 0 ? 0 : now - startTime) / duration,
-				options = {
-					clientX: distX * fraction + start.clientX,
-					clientY: distY * fraction + start.clientY
-				};
-			calls++;
-			if (fraction < 1) {
-				Syn.helpers.extend(cursor.style, {
-					left: (options.clientX + scrollOffset.left + 2) + "px",
-					top: (options.clientY + scrollOffset.top + 2) + "px"
-				})
-				current = mouseMove(options, element, current)
-				setTimeout(arguments.callee, 15)
-			}
-			else {
-				current = mouseMove(end, element, current);
-				win.document.body.removeChild(cursor)
-				callback();
-			}
-		}
-		Syn.helpers.extend(cursor.style, {
-			height: "5px",
-			width: "5px",
-			backgroundColor: "red",
-			position: "absolute",
-			zIndex: 19999,
-			fontSize: "1px"
-		})
-		win.document.body.appendChild(cursor)
-		move();
-	},
-	startDrag = function(start, end, duration, element, callback){
-		createEventAtPoint("mousedown", start, element);
-		startMove(start, end, duration, element, function(){
-			createEventAtPoint("mouseup", end, element);
-			callback();
-		})
-	},
-	center = function(el){
-		var j = Syn.jquery()(el),
-		o = j.offset();
-		return{
-			pageX: o.left + (j.width() / 2),
-			pageY: o.top + (j.height() / 2)
-		}
-	},
-	convertOption = function(option, win, from){
-		var page = /(\d+)[x ](\d+)/,
-			client = /(\d+)X(\d+)/,
-			relative = /([+-]\d+)[xX ]([+-]\d+)/
-		//check relative "+22x-44"
-		if (typeof option == 'string' && relative.test(option) && from) {
-			var cent = center(from),
-				parts = option.match(relative);
-			option = {
-				pageX: cent.pageX + parseInt(parts[1]),
-				pageY: cent.pageY +parseInt(parts[2])
-			}
-		}
-		if (typeof option == 'string' && page.test(option)) {
-			var parts = option.match(page)
-			option = {
-				pageX: parseInt(parts[1]),
-				pageY: parseInt(parts[2])
-			}
-		}
-		if (typeof option == 'string' && client.test(option)) {
-			var parts = option.match(client)
-			option = {
-				clientX: parseInt(parts[1]),
-				clientY: parseInt(parts[2])
-			}
-		}
-		if (typeof option == 'string') {
-			option = Syn.jquery()(option, win.document)[0];
-		}
-		if (option.nodeName) {
-			option = center(option)
-		}
-		if (option.pageX) {
-			var off = Syn.helpers.scrollOffset(win);
-			option = {
-				clientX: option.pageX - off.left,
-				clientY: option.pageY - off.top
-			}
-		}
-		return option;
-	}
-/**
- * @add Syn prototype
- */
-Syn.helpers.extend(Syn.init.prototype,{
-	/**
-	 * @function move
-	 * Moves the cursor from one point to another.
-	 * <h3>Quick Example</h3>
-	 * The following moves the cursor from (0,0) in
-	 * the window to (100,100) in 1 second.
-	 * @codestart
-	 * Syn.move(
-	 *      {
-	 *        from: {clientX: 0, clientY: 0},
-	 *        to: {clientX: 100, clientY: 100},
-	 *        duration: 1000
-	 *      },
-	 *      document.document)
-	 * @codeend
-	 * <h2>Options</h2>
-	 * There are many ways to configure the endpoints of the move.
-	 *
-	 * <h3>PageX and PageY</h3>
-	 * If you pass pageX or pageY, these will get converted
-	 * to client coordinates.
-	 * @codestart
-	 * Syn.move(
-	 *      {
-	 *        from: {pageX: 0, pageY: 0},
-	 *        to: {pageX: 100, pageY: 100}
-	 *      },
-	 *      document.document)
-	 * @codeend
-	 * <h3>String Coordinates</h3>
-	 * You can set the pageX and pageY as strings like:
-	 * @codestart
-	 * Syn.move(
-	 *      {
-	 *        from: "0x0",
-	 *        to: "100x100"
-	 *      },
-	 *      document.document)
-	 * @codeend
-	 * <h3>Element Coordinates</h3>
-	 * If jQuery is present, you can pass an element as the from or to option
-	 * and the coordinate will be set as the center of the element.
-	 * @codestart
-	 * Syn.move(
-	 *      {
-	 *        from: $(".recipe")[0],
-	 *        to: $("#trash")[0]
-	 *      },
-	 *      document.document)
-	 * @codeend
-	 * <h3>Query Strings</h3>
-	 * If jQuery is present, you can pass a query string as the from or to option.
-	 * @codestart
-	 * Syn.move(
-	 *      {
-	 *        from: ".recipe",
-	 *        to: "#trash"
-	 *      },
-	 *      document.document)
-	 * @codeend
-	 * <h3>No From</h3>
-	 * If you don't provide a from, the element argument passed to Syn is used.
-	 * @codestart
-	 * Syn.move(
-	 *      { to: "#trash" },
-	 *      'myrecipe')
-	 * @codeend
-	 * @param {Object} options
-	 * @param {HTMLElement} from
-	 * @param {Function} callback
-	 */
-	_move : function(options, from, callback){
-		//need to convert if elements
-		var win = Syn.helpers.getWindow(from),
-			fro = convertOption(options.from || from, win),
-			to = convertOption(options.to || options, win);
-		startMove(fro, to, options.duration || 500, from, callback);
-	},
-	/**
-	 * @function drag
-	 * Creates a mousedown and drags from one point to another.
-	 * Check out [Syn.prototype.move move] for API details.
-	 *
-	 * @param {Object} options
-	 * @param {Object} from
-	 * @param {Object} callback
-	 */
-	_drag : function(options, from, callback){
-		//need to convert if elements
-		var win = Syn.helpers.getWindow(from),
-			fro = convertOption(options.from || from, win, from),
-			to = convertOption(options.to || options, win, from);
-		startDrag(fro, to, options.duration || 500, from, callback);
-	}
-})
-})();