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

terminus 0.2.0 → 0.3.0

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

@@ -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);
-	}
-})
-})();