documentation for events and renamed event namespace

README.md

@@ -121,3 +121,14 @@ $('.tlt').textillate({
   callback: function () {}
 });
 ```
+
+##Events
+
+Textillate triggers the following events
+
+* start.tlt - triggered when textillate starts
+* inAnimationBegin.tlt - triggered when the in animation begins
+* inAnimationEnd.tlt - triggered when the in animation ends
+* outAnimationBegin.tlt - triggered when the out animation begins
+* outAnimationEnd.tlt - triggered when the in animation ends
+* end.tlt - triggered when textillate ends

index.html

@@ -167,12 +167,12 @@ <h2>Dependencies</h2>
     }, 2000);
 
     var $tlt = $viewport.find('.tlt')
-      .on('start.textillate', log('start.textillate triggered.'))
-      .on('inAnimationBegin.textillate', log('inAnimationBegin.textillate triggered.'))
-      .on('inAnimationEnd.textillate', log('inAnimationEnd.textillate triggered.'))
-      .on('outAnimationBegin.textillate', log('outAnimationBegin.textillate triggered.'))
-      .on('outAnimationEnd.textillate', log('outAnimationEnd.textillate triggered.'))
-      .on('end.textillate', log('end.textillate'));
+      .on('start.tlt', log('start.tlt triggered.'))
+      .on('inAnimationBegin.tlt', log('inAnimationBegin.tlt triggered.'))
+      .on('inAnimationEnd.tlt', log('inAnimationEnd.tlt triggered.'))
+      .on('outAnimationBegin.tlt', log('outAnimationBegin.tlt triggered.'))
+      .on('outAnimationEnd.tlt', log('outAnimationEnd.tlt triggered.'))
+      .on('end.tlt', log('end.tlt'));
 
     $form.on('change', function () {
       var obj = getFormData();

jquery.textillate.js

@@ -123,7 +123,7 @@
     };
 
     base.triggerEvent = function (name) {
-      var e = $.Event(name + '.textillate', { data: base });
+      var e = $.Event(name + '.tlt', { data: base });
       $element.trigger(e);
       return e;
     };