added vertical form test

upgraded to jquery 1.6.2 for tooltip

Author: bradrobertson

test/tooltip/click.html

@@ -1,5 +1,5 @@
 
-<script src="../../../jquery-1.3.2.js"></script>
+<script src="../../../jquery-1.6.2.js"></script>
 <script src="../tools.tooltip.js"></script>
 <link rel="stylesheet" type="text/css" href="style.css"/>
 

test/tooltip/dynamic.html

@@ -1,5 +1,5 @@
 
-<script src="../../../jquery-1.3.2.js"></script>
+<script src="../../../jquery-1.6.2.js"></script>
 <script src="../tools.tooltip.js"></script>
 <script src="../tools.tooltip.dynamic.js"></script>
 

test/tooltip/index.html

@@ -1,5 +1,5 @@
 
-<script src="../js/jquery-1.4.1.js"></script>
+<script src="../js/jquery-1.6.2.js"></script>
 <script src="../../src/tooltip/tooltip.js"></script>
 <script src="../../src/tooltip/tooltip.slide.js"></script>
 

test/tooltip/many.html

@@ -1,5 +1,5 @@
 
-<script src="../js/jquery-1.4.1.js"></script>
+<script src="../js/jquery-1.6.2.js"></script>
 <script src="../../src/tooltip/tooltip.js"></script>
 
 <style>

test/tooltip/vertical_form.html

@@ -0,0 +1,44 @@
+
+<script src="../js/jquery-1.6.2.js"></script>
+<script src="../../src/tooltip/tooltip.js"></script>
+
+<style type="text/css">
+  body{
+    padding:50px;
+  }
+  
+  input {
+    display:block;
+    margin:10px;
+  }
+  
+  /* tooltip styling. by default the element to be styled is .tooltip  */
+  .tooltip {
+  	display:none;
+  	background:transparent url('http://flowplayer.org/tools/img/tooltip/black_arrow.png');
+  	font-size:12px;
+  	height:70px;
+  	width:160px;
+  	padding:25px;
+  	color:#fff;	
+  }
+</style>
+
+<input type="text" title="The tooltip text #1" />
+<input type="text" title="The tooltip text #2" />
+<input type="text" title="The tooltip text #3" />
+<input type="text" title="The tooltip text #4" />
+<input type="text" title="The tooltip text #5" />
+<input type="text" title="The tooltip text #6" />
+<input type="text" title="The tooltip text #7" />
+<input type="text" title="The tooltip text #8" />
+
+<script type="text/javascript">
+$(function(){
+  $("input").tooltip({
+    events: {
+      input: "mouseover,mouseout"
+    }
+  });
+});
+</script>