midas 0.1.0

data/public/stylesheets/midas/dialog.css

@@ -0,0 +1,2 @@
+/* Dialog
+ *----------------------------------------------------------------------------*/

data/public/stylesheets/midas/midas.css

@@ -0,0 +1,9 @@
+/* Midas IFRAME setup
+ *----------------------------------------------------------------------------*/
+.midas-iframe-container {
+  position: absolute;
+  z-index: 10000;
+  background: #FFF;
+  }
+.midas-iframe-window {
+  }

data/public/stylesheets/midas/palette.css

@@ -0,0 +1,50 @@
+/* Palette
+ *----------------------------------------------------------------------------*/
+.midas-palette {
+  position: fixed;
+  background: #E2E1E2;
+  border: 1px solid #727272;
+  margin-top: -1px;
+	-moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, .5);
+	-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, .5);
+	box-shadow: 1px 1px 4px rgba(0, 0, 0, .5);
+  }
+.midas-htmleditorbar .midas-button-forecolor,
+.midas-htmleditorbar .midas-button-backcolor {
+  background-position: 0 -54px;
+  }
+.midas-htmleditorbar .midas-button-forecolor {
+  background-color: #000;
+  }
+
+#midas_forecolor_selector,
+#midas_backcolor_selector {
+  width: 170px;
+  padding: 1px;
+  }
+#midas_forecolor_selector div,
+#midas_backcolor_selector div {
+  float: left;
+  border: 1px solid #E2E1E2;
+  width: 15px;
+  height: 15px;
+  cursor: pointer;
+  }
+#midas_forecolor_selector div:hover,
+#midas_backcolor_selector div:hover {
+  border: 1px solid #333;
+  }
+#midas_forecolor_selector div#midas_forecolor_last_picked,
+#midas_backcolor_selector div#midas_backcolor_last_picked {
+  border: 1px solid #333;
+  width: 166px;
+  clear: left;
+  text-align: center;
+  margin: 1px 1px 2px 1px;
+  position: relative;
+  top: 1px;
+  float: none;
+  line-height: 15px;
+  font-family: Helvetica, Tahoma, Arial, sans-serif;
+  font-size: 8.5pt;
+  }

data/public/stylesheets/midas/region.css

@@ -0,0 +1,16 @@
+/* Region
+ *----------------------------------------------------------------------------*/
+.midas-region {
+  outline: 1px dotted #F00;
+  }
+.midas-region .midas-page-break {
+  height: 5px;
+  background: #EEE;
+  overflow: hidden;
+  border: 1px dotted #999;
+  border-width: 1px 0;
+  margin: 2px 0;
+  }
+.midas-region .midas-page-break em {
+  display: none;
+  }

data/public/stylesheets/midas/statusbar.css

@@ -0,0 +1,17 @@
+/* Statusbar
+ *----------------------------------------------------------------------------*/
+.midas-statusbar {
+  position: fixed;
+  z-index: 10001;
+  padding: 5px 10px 4px 10px;
+  background: #E2E1E2;
+  border-top: 1px solid #727272;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  font-family: Helvetica, Tahoma, Arial, sans-serif;
+  font-size: 8.5pt;
+  }
+.midas-statusbar span {
+  margin-right: 25px;
+  }

data/public/stylesheets/midas/toolbar.css

@@ -0,0 +1,262 @@
+/* Toolbar
+ *----------------------------------------------------------------------------*/
+.midas-toolbar {
+  position: fixed;
+  z-index: 10001;
+  top: 0;
+  left: 0;
+  width: 100%;
+  overflow: hidden;
+  }
+
+.midas-actionsbar {
+  width: 10000px;
+  text-shadow: #EEE 0 1px 0;
+  height: 60px;
+  padding-right: 10px;
+  background: #E2E1E2 url(../../images/midas/toolbars/actions/_background.png) repeat-x bottom;
+  }
+.midas-actionsbar .midas-button {
+  display: block;
+  float: left;
+  margin-left: 7px;
+  background-repeat: no-repeat;
+  background-position: 50% 7px;
+  height: 10px;
+  min-width: 30px;
+  text-align: center;
+  padding: 43px 5px 0 5px;
+  white-space: nowrap;
+  text-decoration: none;
+  outline: none;
+  font-family: Helvetica, Tahoma, Arial, sans-serif;
+  }
+.midas-actionsbar .midas-button em {
+  display: block;
+  margin: 0 -5px;
+  font-style: normal;
+  color: #222;
+  font-size: 8.5pt;
+  }
+.midas-actionsbar .midas-separator,
+.midas-actionsbar .midas-line-separator,
+.midas-actionsbar .midas-flex-separator {
+  display: block;
+  float: left;
+  border: 0;
+  height: 47px;
+  padding: 0 20px;
+  background: url(../../images/midas/toolbars/actions/_separator.png) no-repeat;
+  }
+.midas-actionsbar .midas-button-save            { background-image: url(../../images/midas/toolbars/actions/save.png); }
+.midas-actionsbar .midas-button-preview         { background-image: url(../../images/midas/toolbars/actions/preview.png); }
+.midas-actionsbar .midas-button-undo            { background-image: url(../../images/midas/toolbars/actions/undo.png); }
+.midas-actionsbar .midas-button-redo            { background-image: url(../../images/midas/toolbars/actions/redo.png); }
+.midas-actionsbar .midas-button-insertlink      { background-image: url(../../images/midas/toolbars/actions/insertlink.png); }
+.midas-actionsbar .midas-button-insertmedia     { background-image: url(../../images/midas/toolbars/actions/insertmedia.png); }
+.midas-actionsbar .midas-button-inserttable     { background-image: url(../../images/midas/toolbars/actions/inserttable.png); }
+.midas-actionsbar .midas-button-insertobject    { background-image: url(../../images/midas/toolbars/actions/insertobject.png); }
+.midas-actionsbar .midas-button-insertcharacter { background-image: url(../../images/midas/toolbars/actions/insertcharacter.png); }
+.midas-actionsbar .midas-button-inspectorpanel  { background-image: url(../../images/midas/toolbars/actions/inspectorpanel.png); }
+.midas-actionsbar .midas-button-notespanel      { background-image: url(../../images/midas/toolbars/actions/notespanel.png); }
+.midas-actionsbar .midas-button-historypanel    { background-image: url(../../images/midas/toolbars/actions/historypanel.png); }
+
+/* Editor menu bar
+ *----------------------------------------------------------------------------*/
+.midas-htmleditorbar {
+  padding: 3px 13px 1px 10px;
+  background: #D2D2D1 url(../../images/midas/toolbars/htmleditor/_background.png) repeat-x bottom;
+  }
+.midas-htmleditorbar:after {
+	content: ".";
+	display: block;
+	clear: both;
+	visibility: hidden;
+	line-height: 0;
+	height: 0;
+  }
+
+.midas-htmleditorbar .midas-separator,
+.midas-htmleditorbar .midas-line-separator,
+.midas-htmleditorbar .midas-flex-separator {
+  display: block;
+  float: left;
+  border: 0;
+  height: 18px;
+  padding: 0;
+  margin: 0 7px 0 0;
+  width: 1px;
+  background: url(../../images/midas/toolbars/htmleditor/_separator.png) no-repeat;
+  }
+.midas-htmleditorbar .midas-line-separator {
+  background: url(../../images/midas/toolbars/htmleditor/_line_separator.png) no-repeat;
+  }
+.midas-htmleditorbar .midas-button {
+  display: block;
+  outline: none;
+  float: left;
+  height: 18px;
+  width: 23px;
+  margin: 0 7px 4px 0;
+  background-image: url(../../images/midas/toolbars/htmleditor/buttons.png);
+  }
+.midas-htmleditorbar .midas-button em {
+  display: none;
+  }
+.midas-htmleditorbar .midas-group {
+  float: left;
+  }
+.midas-htmleditorbar .midas-group .midas-separator,
+.midas-htmleditorbar .midas-group .midas-line-separator,
+.midas-htmleditorbar .midas-group .midas-flex-separator {
+  margin-left: 7px;
+  }
+
+.midas-htmleditorbar .midas-group .midas-button {
+  width: 22px;
+  margin-left: 0;
+  margin-right: 0;
+  }
+.midas-htmleditorbar .midas-group .midas-button:first-child {
+  width: 23px;
+  }
+/*menu#edit command.select {*/
+  /*width: auto;*/
+  /*padding-right: 14px;*/
+  /*background: url(/images/protosite_editor/edit/buttons.gif) no-repeat right top;*/
+  /*}*/
+/*menu#edit command.select.disabled, .disabled command.select {*/
+  /*background-position: right bottom !important;*/
+  /*}*/
+/*menu#edit command.select.disabled label, .disabled command.select label {*/
+  /*background-position: left bottom !important;*/
+  /*text-indent: -1000px;*/
+  /*}*/
+/*menu#edit #style                                                    { margin-right: 5px }*/
+/*menu#edit #style label                                              { width: 100px }*/
+/*menu#edit #size label                                               { width: 30px }*/
+
+.midas-htmleditorbar .midas-button-bold                       { background-position: -68px 0 }
+.midas-htmleditorbar .midas-button-bold.active                { background-position: -68px -18px }
+.midas-htmleditorbar .midas-button-bold.disabled,
+.disabled .midas-button-bold                                  { background-position: -68px -36px !important }
+
+.midas-htmleditorbar .midas-button-italic                     { background-position: -91px 0 }
+.midas-htmleditorbar .midas-button-italic.active              { background-position: -91px -18px }
+.midas-htmleditorbar .midas-button-italic.disabled,
+.disabled .midas-button-italic                                { background-position: -91px -36px !important }
+
+.midas-htmleditorbar .midas-button-overline                   { background-position: -113px 0 }
+.midas-htmleditorbar .midas-button-overline.active            { background-position: -113px -18px }
+.midas-htmleditorbar .midas-button-overline.disabled,
+.disabled .midas-button-overline                              { background-position: -113px -36px !important }
+
+.midas-htmleditorbar .midas-button-strikethrough              { background-position: -135px 0 }
+.midas-htmleditorbar .midas-button-strikethrough.active       { background-position: -135px -18px }
+.midas-htmleditorbar .midas-button-strikethrough.disabled,
+.disabled .midas-button-strikethrough                         { background-position: -135px -36px !important }
+
+.midas-htmleditorbar .midas-button-underline                  { background-position: -157px 0 }
+.midas-htmleditorbar .midas-button-underline.active           { background-position: -157px -18px }
+.midas-htmleditorbar .midas-button-underline.disabled,
+.disabled .midas-button-underline                             { background-position: -157px -36px !important }
+
+.midas-htmleditorbar .midas-button-subscript                  { background-position: -180px 0 }
+.midas-htmleditorbar .midas-button-subscript.active           { background-position: -180px -18px }
+.midas-htmleditorbar .midas-button-subscript.disabled,
+.disabled .midas-button-subscript                             { background-position: -180px -36px !important }
+
+.midas-htmleditorbar .midas-button-superscript                { background-position: -203px 0 }
+.midas-htmleditorbar .midas-button-superscript.active         { background-position: -203px -18px }
+.midas-htmleditorbar .midas-button-superscript.disabled,
+.disabled .midas-button-superscript                           { background-position: -203px -36px !important }
+
+.midas-htmleditorbar .midas-button-justifyleft                { background-position: -226px 0 }
+.midas-htmleditorbar .midas-button-justifyleft.active         { background-position: -226px -18px }
+.midas-htmleditorbar .midas-button-justifyleft.disabled,
+.disabled .midas-button-justifyleft                           { background-position: -226px -36px !important }
+
+.midas-htmleditorbar .midas-button-justifycenter              { background-position: -249px 0 }
+.midas-htmleditorbar .midas-button-justifycenter.active       { background-position: -249px -18px }
+.midas-htmleditorbar .midas-button-justifycenter.disabled,
+.disabled .midas-button-justifycenter                         { background-position: -249px -36px !important }
+
+.midas-htmleditorbar .midas-button-justifyright               { background-position: -271px 0 }
+.midas-htmleditorbar .midas-button-justifyright.active        { background-position: -271px -18px }
+.midas-htmleditorbar .midas-button-justifyright.disabled,
+.disabled .midas-button-justifyright                          { background-position: -271px -36px !important }
+
+.midas-htmleditorbar .midas-button-justifyfull                { background-position: -293px 0 }
+.midas-htmleditorbar .midas-button-justifyfull.active         { background-position: -293px -18px }
+.midas-htmleditorbar .midas-button-justifyfull.disabled,
+.disabled .midas-button-justifyfull                           { background-position: -293px -36px !important }
+
+.midas-htmleditorbar .midas-button-insertunorderedlist        { background-position: -316px 0 }
+.midas-htmleditorbar .midas-button-insertunorderedlist.active { background-position: -316px -18px }
+.midas-htmleditorbar .midas-button-insertunorderedlist.disabled,
+.disabled .midas-button-insertunorderedlist                   { background-position: -316px -36px !important }
+
+.midas-htmleditorbar .midas-button-insertorderedlist          { background-position: -339px 0 }
+.midas-htmleditorbar .midas-button-insertorderedlist.active   { background-position: -339px -18px }
+.midas-htmleditorbar .midas-button-insertorderedlist.disabled,
+.disabled .midas-button-insertorderedlist                     { background-position: -339px -36px !important }
+
+.midas-htmleditorbar .midas-button-outdent                    { background-position: -362px 0 }
+.midas-htmleditorbar .midas-button-outdent.active             { background-position: -362px -18px }
+.midas-htmleditorbar .midas-button-outdent.disabled,
+.disabled .midas-button-outdent                               { background-position: -362px -36px !important }
+
+.midas-htmleditorbar .midas-button-indent                     { background-position: -385px 0 }
+.midas-htmleditorbar .midas-button-indent.active              { background-position: -385px -18px }
+.midas-htmleditorbar .midas-button-indent.disabled,
+.disabled .midas-button-indent                                { background-position: -385px -36px !important }
+
+.midas-htmleditorbar .midas-button-insertrowbefore            { background-position: -408px 0 }
+.midas-htmleditorbar .midas-button-insertrowbefore.active     { background-position: -408px -18px }
+.midas-htmleditorbar .midas-button-insertrowbefore.disabled,
+.disabled .midas-button-insertrowbefore                       { background-position: -408px -36px !important }
+
+.midas-htmleditorbar .midas-button-insertrowafter             { background-position: -431px 0 }
+.midas-htmleditorbar .midas-button-insertrowafter.active      { background-position: -431px -18px }
+.midas-htmleditorbar .midas-button-insertrowafter.disabled,
+.disabled .midas-button-insertrowafter                        { background-position: -431px -36px !important }
+
+.midas-htmleditorbar .midas-button-deleterow                  { background-position: -453px 0 }
+.midas-htmleditorbar .midas-button-deleterow.active           { background-position: -453px -18px }
+.midas-htmleditorbar .midas-button-deleterow.disabled,
+.disabled .midas-button-deleterow                             { background-position: -453px -36px !important }
+
+.midas-htmleditorbar .midas-button-insertcolumnbefore         { background-position: -475px 0 }
+.midas-htmleditorbar .midas-button-insertcolumnbefore.active  { background-position: -475px -18px }
+.midas-htmleditorbar .midas-button-insertcolumnbefore.disabled,
+.disabled .midas-button-insertcolumnbefore                    { background-position: -475px -36px !important }
+
+.midas-htmleditorbar .midas-button-insertcolumnafter          { background-position: -497px 0 }
+.midas-htmleditorbar .midas-button-insertcolumnafter.active   { background-position: -497px -18px }
+.midas-htmleditorbar .midas-button-insertcolumnafter.disabled,
+.disabled .midas-button-insertcolumnafter                     { background-position: -497px -36px !important }
+
+.midas-htmleditorbar .midas-button-deletecolumn               { background-position: -519px 0 }
+.midas-htmleditorbar .midas-button-deletecolumn.active        { background-position: -519px -18px }
+.midas-htmleditorbar .midas-button-deletecolumn.disabled,
+.disabled .midas-button-deletecolumn                          { background-position: -519px -36px !important }
+
+.midas-htmleditorbar .midas-button-horizontalrule             { background-position: -542px 0 }
+.midas-htmleditorbar .midas-button-horizontalrule.active      { background-position: -542px -18px }
+.midas-htmleditorbar .midas-button-horizontalrule.disabled,
+.disabled .midas-button-horizontalrule                        { background-position: -542px -36px !important }
+
+.midas-htmleditorbar .midas-button-pagebreak                  { background-position: -565px 0 }
+.midas-htmleditorbar .midas-button-pagebreak.active           { background-position: -565px -18px }
+.midas-htmleditorbar .midas-button-pagebreak.disabled,
+.disabled .midas-button-pagebreak                             { background-position: -565px -36px !important }
+
+.midas-htmleditorbar .midas-button-removeformatting           { background-position: -588px 0 }
+.midas-htmleditorbar .midas-button-removeformatting.active    { background-position: -588px -18px }
+.midas-htmleditorbar .midas-button-removeformatting.disabled,
+.disabled .midas-button-removeformatting                      { background-position: -588px -36px !important }
+
+.midas-htmleditorbar .midas-button-html                       { background-position: -612px 0 }
+.midas-htmleditorbar .midas-button-html.active                { background-position: -588px -18px }
+.midas-htmleditorbar .midas-button-html.disabled,
+.disabled .midas-button-html                                  { background-position: -588px -36px !important }

data/rails/init.rb

@@ -0,0 +1 @@
+# initialize for rails

data/spec/javascripts/dialog_spec.js

@@ -0,0 +1,7 @@
+describe('Midas.Dialog', function() {
+
+  beforeEach(function() {
+    jasmine.loadFixture('midas_fixture');
+  });
+
+});

data/spec/javascripts/fixtures/midas_fixture.html

@@ -0,0 +1,27 @@
+<div id="toolbar">toolbar</div>
+<div id="statusbar">statusbar</div>
+<div id="palette_button">palette button</div>
+
+<div id="region1" class="editable">
+  region1
+</div>
+<div id="region2" class="editable">
+  region2
+</div>
+<div id="region3" class="not-editable">
+  
+</div>
+<div id="region4" class="editable">
+  <div id="action">action in region4</div>
+  <div id="div1">div1 <div id="div4">in</div> region4</div>
+  <div id="div2">
+    <div id="div3">th<em>e</em>re is <big>no</big> html here</div>
+  </div>
+  <div id="div5">
+    <ul>
+      <li>first li</li>
+      <li><span>this is in a li</span></li>
+    </ul>
+  </div>
+  <div id="div6"><span>this isn't in a li</span></div>
+</div>

data/spec/javascripts/fixtures/midas_styles.css

@@ -0,0 +1,14 @@
+.midas-toolbar {
+  visibility: hidden;
+  position: absolute;
+  }
+.editable {
+  height: 200px;
+  }
+
+#div6 {
+  font-weight: bold;
+  }
+#div3 {
+  font-style: italic;
+  }

data/spec/javascripts/fixtures/native_extensions_fixture.html

@@ -0,0 +1,5 @@
+<div id="div1">thi<span>s is</span> a <div>test</div></div>
+<div id="div2">banana</div>
+<div id="div3">thi<span>s </span><em>a </em><span>test</span></div>
+<div id="div4">thi<blockquote>s is</blockquote> a <span>test</span><table><tr><td>aa</td></tr></table></div>
+<iframe src="about:blank" id="iframe1"></iframe>

data/spec/javascripts/helpers/browser_detection.js

@@ -0,0 +1,15 @@
+jasmine.browser = (function(){
+  var ua = navigator.userAgent;
+  var isOpera = Object.prototype.toString.call(window.opera) == '[object Opera]';
+  var isWebKit = ua.indexOf('AppleWebKit/') > -1;
+
+  return {
+    IE:             !!window.attachEvent && !isOpera,
+    Opera:          isOpera,
+    WebKit:         isWebKit,
+    AppleWebKit:    isWebKit && ua.indexOf('Chrome') < 0,
+    ChromeWebKit:   isWebKit && ua.indexOf('Chrome') > -1,
+    Gecko:          ua.indexOf('Gecko') > -1 && ua.indexOf('KHTML') === -1,
+    MobileSafari:   /Apple.*Mobile/.test(ua)
+  }
+})();

data/spec/javascripts/helpers/event_simulation.js

@@ -0,0 +1,505 @@
+jasmine.simulate = {
+
+  /**
+   * Simulates a key event using the given event information to populate
+   * the generated event object. This method does browser-equalizing
+   * calculations to account for differences in the DOM and IE event models
+   * as well as different browser quirks. Note: keydown causes Safari 2.x to
+   * crash.
+   *
+   * @param {HTMLElement} target The target of the given event.
+   * @param {String} type The type of event to fire. This can be any one of
+   *      the following: keyup, keydown, and keypress.
+   * @param {Boolean} bubbles (Optional) Indicates if the event can be
+   *      bubbled up. DOM Level 3 specifies that all key events bubble by
+   *      default. The default is true.
+   * @param {Boolean} cancelable (Optional) Indicates if the event can be
+   *      canceled using preventDefault(). DOM Level 3 specifies that all
+   *      key events can be cancelled. The default
+   *      is true.
+   * @param {Window} view (Optional) The view containing the target. This is
+   *      typically the window object. The default is window.
+   * @param {Boolean} ctrlKey (Optional) Indicates if one of the CTRL keys
+   *      is pressed while the event is firing. The default is false.
+   * @param {Boolean} altKey (Optional) Indicates if one of the ALT keys
+   *      is pressed while the event is firing. The default is false.
+   * @param {Boolean} shiftKey (Optional) Indicates if one of the SHIFT keys
+   *      is pressed while the event is firing. The default is false.
+   * @param {Boolean} metaKey (Optional) Indicates if one of the META keys
+   *      is pressed while the event is firing. The default is false.
+   * @param {int} keyCode (Optional) The code for the key that is in use.
+   *      The default is 0.
+   * @param {int} charCode (Optional) The Unicode code for the character
+   *      associated with the key being used. The default is 0.
+   * @static
+   */
+  keyEvent: function (target, type, bubbles, cancelable, view, ctrlKey, altKey, shiftKey, metaKey, keyCode, charCode) {
+    if (!target) throw('simulateKeyEvent(): Invalid target.');
+    if (typeof(type) != 'string') throw('simulateKeyEvent(): Event type must be a string.');
+
+    type = type.toLowerCase();
+    switch(type) {
+      case 'keyup':
+      case 'keydown':
+      case 'keypress':
+        break;
+      case 'textevent': // DOM Level 3
+        type = 'keypress';
+        break;
+      default: throw("simulateKeyEvent(): Event type '" + type + "' not supported.");
+    }
+
+    // setup default values
+    if (typeof(bubbles) == 'undefined') bubbles = true; // all key events bubble
+    if (typeof(cancelable) == 'undefined') cancelable = true; // all key events can be cancelled
+    if (typeof(view) == 'undefined') view = window;
+    if (typeof(ctrlKey) == 'undefined') ctrlKey = false;
+    if (typeof(altKey) == 'undefined') altKey = false;
+    if (typeof(shiftKey) == 'undefined') shiftKey = false;
+    if (typeof(metaKey) == 'undefined') metaKey = false;
+    if (typeof(keyCode) == 'undefined') keyCode = 0;
+    if (typeof(charCode) == 'undefined') charCode = 0;
+
+    // try to create a mouse event
+    var customEvent = null;
+
+    // check for DOM-compliant browsers first
+    if (typeof(document.createEvent) == 'function') {
+      try {
+        customEvent = document.createEvent('KeyEvents');
+        // Interesting problem: Firefox implemented a non-standard version
+        // of initKeyEvent() based on DOM Level 2 specs. Key event was
+        // removed from DOM Level 2 and re-introduced in DOM Level 3 with a
+        // different interface. Firefox is the only browser with any
+        // implementation of Key Events, so for now, assume it's Firefox if
+        // the above line doesn't error.
+        // TODO: Decipher between Firefox's implementation and a correct one.
+        customEvent.initKeyEvent(type, bubbles, cancelable, view, ctrlKey, altKey, shiftKey, metaKey, keyCode, charCode);
+      } catch (ex) {
+        // If we got here, that means key events aren't officially supported.
+        // Safari/WebKit is a real problem now. WebKit 522 won't let you set
+        // keyCode, charCode, or other properties if you use a UIEvent, so we
+        // first must try to create a generic event. The fun part is that
+        // this will throw an error on Safari 2.x. The end result is that we
+        // need another try...catch statement just to deal with this mess.
+        try {
+          // try to create generic event - will fail in Safari 2.x
+          customEvent = document.createEvent('Events');
+        } catch (uierror) {
+          // the above failed, so create a UIEvent for Safari 2.x
+          customEvent = document.createEvent('UIEvents');
+        } finally {
+          customEvent.initEvent(type, bubbles, cancelable);
+          customEvent.view = view;
+          customEvent.altKey = altKey;
+          customEvent.ctrlKey = ctrlKey;
+          customEvent.shiftKey = shiftKey;
+          customEvent.metaKey = metaKey;
+          customEvent.keyCode = keyCode;
+          customEvent.charCode = charCode;
+        }
+      }
+      // fire the event
+      target.dispatchEvent(customEvent);
+    } else if (typeof(document.createEventObject) == 'object') {
+      //create an IE event object
+      customEvent = document.createEventObject();
+      customEvent.bubbles = bubbles;
+      customEvent.cancelable = cancelable;
+      customEvent.view = view;
+      customEvent.ctrlKey = ctrlKey;
+      customEvent.altKey = altKey;
+      customEvent.shiftKey = shiftKey;
+      customEvent.metaKey = metaKey;
+
+      // IE doesn't support charCode explicitly. CharCode should take
+      // precedence over any keyCode value for accurate representation.
+      customEvent.keyCode = (charCode > 0) ? charCode : keyCode;
+
+      // fire the event
+      target.fireEvent('on' + type, customEvent);
+    } else {
+      throw('simulateKeyEvent(): No event simulation framework present.');
+    }
+  },
+
+  /**
+   * Simulates a mouse event using the given event information to populate
+   * the generated event object. This method does browser-equalizing
+   * calculations to account for differences in the DOM and IE event models
+   * as well as different browser quirks.
+   *
+   * @param {HTMLElement} target The target of the given event.
+   * @param {String} type The type of event to fire. This can be any one of
+   *      the following: click, dblclick, mousedown, mouseup, mouseout,
+   *      mouseover, and mousemove.
+   * @param {Boolean} bubbles (Optional) Indicates if the event can be
+   *      bubbled up. DOM Level 2 specifies that all mouse events bubble by
+   *      default. The default is true.
+   * @param {Boolean} cancelable (Optional) Indicates if the event can be
+   *      canceled using preventDefault(). DOM Level 2 specifies that all
+   *      mouse events except mousemove can be cancelled. The default
+   *      is true for all events except mousemove, for which the default
+   *      is false.
+   * @param {Window} view (Optional) The view containing the target. This is
+   *      typically the window object. The default is window.
+   * @param {int} detail (Optional) The number of times the mouse button has
+   *      been used. The default value is 1.
+   * @param {int} screenX (Optional) The x-coordinate on the screen at which
+   *      point the event occured. The default is 0.
+   * @param {int} screenY (Optional) The y-coordinate on the screen at which
+   *      point the event occured. The default is 0.
+   * @param {int} clientX (Optional) The x-coordinate on the client at which
+   *      point the event occured. The default is 0.
+   * @param {int} clientY (Optional) The y-coordinate on the client at which
+   *      point the event occured. The default is 0.
+   * @param {Boolean} ctrlKey (Optional) Indicates if one of the CTRL keys
+   *      is pressed while the event is firing. The default is false.
+   * @param {Boolean} altKey (Optional) Indicates if one of the ALT keys
+   *      is pressed while the event is firing. The default is false.
+   * @param {Boolean} shiftKey (Optional) Indicates if one of the SHIFT keys
+   *      is pressed while the event is firing. The default is false.
+   * @param {Boolean} metaKey (Optional) Indicates if one of the META keys
+   *      is pressed while the event is firing. The default is false.
+   * @param {int} button (Optional) The button being pressed while the event
+   *      is executing. The value should be 0 for the primary mouse button
+   *      (typically the left button), 1 for the terciary mouse button
+   *      (typically the middle button), and 2 for the secondary mouse button
+   *      (typically the right button). The default is 0.
+   * @param {HTMLElement} relatedTarget (Optional) For mouseout events,
+   *      this is the element that the mouse has moved to. For mouseover
+   *      events, this is the element that the mouse has moved from. This
+   *      argument is ignored for all other events. The default is null.
+   * @static
+   */
+  mouseEvent: function(target, type, bubbles, cancelable, view, detail, screenX, screenY, clientX, clientY, ctrlKey, altKey, shiftKey, metaKey, button, relatedTarget) {
+    if (!target) throw('simulateMouseEvent(): Invalid target.');
+    if (typeof(type) != 'string') throw('simulateMouseEvent(): Event type must be a string.');
+
+    type = type.toLowerCase();
+    switch(type){
+      case 'mouseover':
+      case 'mouseout':
+      case 'mousedown':
+      case 'mouseup':
+      case 'click':
+      case 'dblclick':
+      case 'mousemove':
+        break;
+      default: throw("simulateMouseEvent(): Event type '" + type + "' not supported.");
+    }
+
+    //setup default values
+    if (typeof(bubbles) == 'undefined') bubbles = true; // all mouse events bubble
+    if (typeof(cancelable) == 'undefined') cancelable = (type != "mousemove"); // mousemove is the only one that can't be cancelled
+    if (typeof(view) == 'undefined') view = window; // view is typically window
+    if (typeof(detail) == 'undefined') detail = 1; // number of mouse clicks must be at least one
+    if (typeof(screenX) == 'undefined') screenX = 0;
+    if (typeof(screenY) == 'undefined') screenY = 0;
+    if (typeof(clientX) == 'undefined') clientX = 0;
+    if (typeof(clientY) == 'undefined') clientY = 0;
+    if (typeof(ctrlKey) == 'undefined') ctrlKey = false;
+    if (typeof(altKey) == 'undefined') altKey = false;
+    if (typeof(shiftKey) == 'undefined') shiftKey = false;
+    if (typeof(metaKey) == 'undefined') metaKey = false;
+    if (typeof(button) == 'undefined') button = 0;
+
+    // try to create a mouse event
+    var customEvent = null;
+
+    // check for DOM-compliant browsers first
+    if (typeof(document.createEvent) == 'function') {
+      customEvent = document.createEvent("MouseEvents");
+
+      // Safari 2.x (WebKit 418) still doesn't implement initMouseEvent()
+      if (customEvent.initMouseEvent) {
+        customEvent.initMouseEvent(type, bubbles, cancelable, view, detail, screenX, screenY, clientX, clientY, ctrlKey, altKey, shiftKey, metaKey, button, relatedTarget);
+      } else {
+        // the closest thing available in Safari 2.x is UIEvents
+        customEvent = document.createEvent("UIEvents");
+        customEvent.initEvent(type, bubbles, cancelable);
+        customEvent.view = view;
+        customEvent.detail = detail;
+        customEvent.screenX = screenX;
+        customEvent.screenY = screenY;
+        customEvent.clientX = clientX;
+        customEvent.clientY = clientY;
+        customEvent.ctrlKey = ctrlKey;
+        customEvent.altKey = altKey;
+        customEvent.metaKey = metaKey;
+        customEvent.shiftKey = shiftKey;
+        customEvent.button = button;
+        customEvent.relatedTarget = relatedTarget;
+      }
+
+      // Check to see if relatedTarget has been assigned. Firefox versions
+      // less than 2.0 don't allow it to be assigned via initMouseEvent()
+      // and the property is readonly after event creation, so in order to
+      // keep YAHOO.util.getRelatedTarget() working, assign to the IE
+      // proprietary toElement property for mouseout event and fromElement
+      // property for mouseover event.
+      if (relatedTarget && !customEvent.relatedTarget) {
+        if (type == "mouseout") {
+          customEvent.toElement = relatedTarget;
+        } else if (type == "mouseover") {
+          customEvent.fromElement = relatedTarget;
+        }
+      }
+
+      //fire the event
+      target.dispatchEvent(customEvent);
+    } else if (typeof(document.createEventObject) == 'object') {
+      //create an IE event object
+      customEvent = document.createEventObject();
+      customEvent.bubbles = bubbles;
+      customEvent.cancelable = cancelable;
+      customEvent.view = view;
+      customEvent.detail = detail;
+      customEvent.screenX = screenX;
+      customEvent.screenY = screenY;
+      customEvent.clientX = clientX;
+      customEvent.clientY = clientY;
+      customEvent.ctrlKey = ctrlKey;
+      customEvent.altKey = altKey;
+      customEvent.metaKey = metaKey;
+      customEvent.shiftKey = shiftKey;
+      //fix button property for IE's wacky implementation
+      switch(button) {
+        case 0: customEvent.button = 1; break;
+        case 1: customEvent.button = 4; break;
+        case 2: break; // leave as is
+        default: customEvent.button = 0;
+      }
+      // Have to use relatedTarget because IE won't allow assignment to
+      // toElement or fromElement on generic events.  This keeps
+      // YAHOO.util.customEvent.getRelatedTarget() functional.
+      customEvent.relatedTarget = relatedTarget;
+
+      //fire the event
+      target.fireEvent("on" + type, customEvent);
+    } else {
+      throw('simulateMouseEvent(): No event simulation framework present.');
+    }
+  },
+
+  //--------------------------------------------------------------------------
+  // Mouse events
+  //--------------------------------------------------------------------------
+
+  /**
+   * Simulates a mouse event on a particular element.
+   *
+   * @param {HTMLElement} target The element to click on.
+   * @param {String} type The type of event to fire. This can be any one of
+   *      the following: click, dblclick, mousedown, mouseup, mouseout,
+   *      mouseover, and mousemove.
+   * @param {Object} options Additional event options (use DOM standard names).
+   * @static
+   */
+  fireMouseEvent: function(type, target, options) {
+    options = options || {};
+    this.mouseEvent(target, type, options.bubbles,
+      options.cancelable, options.view, options.detail, options.screenX,
+      options.screenY, options.clientX, options.clientY, options.ctrlKey,
+      options.altKey, options.shiftKey, options.metaKey, options.button,
+      options.relatedTarget);
+  },
+
+  /**
+   * Simulates a click on a particular element.
+   *
+   * @param {HTMLElement} target The element to click on.
+   * @param {Object} options Additional event options (use DOM standard names).
+   * @static
+   */
+  click: function(target, options) {
+    this.fireMouseEvent('click', target, options);
+  },
+
+  /**
+   * Simulates a double click on a particular element.
+   *
+   * @param {HTMLElement} target The element to double click on.
+   * @param {Object} options Additional event options (use DOM standard names).
+   * @static
+   */
+  dblclick: function(target, options) {
+    this.fireMouseEvent('dblclick', target, options);
+  },
+
+  /**
+   * Simulates a mousedown on a particular element.
+   *
+   * @param {HTMLElement} target The element to act on.
+   * @param {Object} options Additional event options (use DOM standard names).
+   * @static
+   */
+  mousedown: function(target, options) {
+    this.fireMouseEvent('mousedown', target, options);
+  },
+
+  /**
+   * Simulates a mousemove on a particular element.
+   *
+   * @param {HTMLElement} target The element to act on.
+   * @param {Object} options Additional event options (use DOM standard names).
+   * @static
+   */
+  mousemove: function(target, options) {
+    this.fireMouseEvent('mousemove', target, options);
+  },
+
+  /**
+   * Simulates a mouseout event on a particular element. Use 'relatedTarget'
+   * on the options object to specify where the mouse moved to.
+   *
+   * Quirks: Firefox less than 2.0 doesn't set relatedTarget properly, so
+   * toElement is assigned in its place. IE doesn't allow toElement to be
+   * be assigned, so relatedTarget is assigned in its place. Both of these
+   * concessions allow YAHOO.util.Event.getRelatedTarget() to work correctly
+   * in both browsers.
+   *
+   * @param {HTMLElement} target The element to act on.
+   * @param {Object} options Additional event options (use DOM standard names).
+   * @static
+   */
+  mouseout: function(target, options) {
+    this.fireMouseEvent('mouseout', target, options);
+  },
+
+  /**
+   * Simulates a mouseover event on a particular element. Use 'relatedTarget'
+   * on the options object to specify where the mouse moved from.
+   *
+   * Quirks: Firefox less than 2.0 doesn't set relatedTarget properly, so
+   * fromElement is assigned in its place. IE doesn't allow fromElement to be
+   * be assigned, so relatedTarget is assigned in its place. Both of these
+   * concessions allow YAHOO.util.Event.getRelatedTarget() to work correctly
+   * in both browsers.
+   *
+   * @param {HTMLElement} target The element to act on.
+   * @param {Object} options Additional event options (use DOM standard names).
+   * @static
+   */
+  mouseover: function(target, options) {
+    this.fireMouseEvent('mouseover', target, options);
+  },
+
+  /**
+   * Simulates a mouseup on a particular element.
+   *
+   * @param {HTMLElement} target The element to act on.
+   * @param {Object} options Additional event options (use DOM standard names).
+   * @static
+   */
+  mouseup: function(target, options) {
+    this.fireMouseEvent('mouseup', target, options);
+  },
+
+  //--------------------------------------------------------------------------
+  // Key events
+  //--------------------------------------------------------------------------
+
+  /**
+   * Fires an event that normally would be fired by the keyboard (keyup,
+   * keydown, keypress). Make sure to specify either keyCode or charCode as
+   * an option.
+   *
+   * @param {String} type The type of event ("keyup", "keydown" or "keypress").
+   * @param {HTMLElement} target The target of the event.
+   * @param {Object} options Options for the event. Either keyCode or charCode are required.
+   * @static
+   */
+  fireKeyEvent: function(type, target, options) {
+    options = options || {};
+    this.keyEvent(target, type, options.bubbles,
+      options.cancelable, options.view, options.ctrlKey,
+      options.altKey, options.shiftKey, options.metaKey,
+      options.keyCode, options.charCode);
+  },
+
+  /**
+   * Simulates a keydown event on a particular element.
+   *
+   * @param {HTMLElement} target The element to act on.
+   * @param {Object} options Additional event options (use DOM standard names).
+   * @static
+   */
+  keydown: function(target, options) {
+    this.fireKeyEvent('keydown', target, options);
+  },
+
+  /**
+   * Simulates a keypress on a particular element.
+   *
+   * @param {HTMLElement} target The element to act on.
+   * @param {Object} options Additional event options (use DOM standard names).
+   * @static
+   */
+  keypress: function(target, options) {
+    this.fireKeyEvent('keypress', target, options);
+  },
+
+  /**
+   * Simulates a keyup event on a particular element.
+   *
+   * @param {HTMLElement} target The element to act on.
+   * @param {Object} options Additional event options (use DOM standard names).
+   * @static
+   */
+  keyup: function(target, options) {
+    this.fireKeyEvent('keyup', target, options);
+  },
+
+  //--------------------------------------------------------------------------
+  // Other events
+  //--------------------------------------------------------------------------
+
+  /**
+   * Emulates a selection.. This doesn't simulate moving the mouse to make a
+   * selection, or using the arrow keys with shift, but it does create a
+   * selection that contains whatever target element you pass to it.
+   *
+   * @param {HTMLElement} target The element to select.
+   * @static
+   */
+  selection: function(target) {
+    var selection = window.getSelection();
+    var range = document.createRange();
+    range.selectNode(target);
+    selection.removeAllRanges();
+    selection.addRange(range);
+  },
+
+  /**
+   * Emulates pressing the tab button.
+   *
+   * @param {HTMLElement} target The element to press tab in.
+   * @static
+   */
+  tab: function(target) {
+    this.keypress(target, {keyCode: 9});
+  },
+
+  /**
+   * Executes a focus event
+   * -- not simulated, but it seems like the right place to put it.
+   *
+   * @param {HTMLElement} target The element to act on.
+   * @static
+   */
+  focus: function(target) {
+    target.focus();
+  },
+
+  /**
+   * Executes a focus event
+   * -- not simulated, but it seems like the right place to put it.
+   *
+   * @param {HTMLElement} target The element to act on.
+   * @static
+   */
+  blur: function(target) {
+    target.blur();
+  }
+};