Fix popover bug and improve it with hoverIntent

index.html

@@ -144,6 +144,7 @@ <h2>Getting Involved</h2>
 		</div>
 		<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
 		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
+		<script src="site/js/jquery.hoverIntent.min.js"></script>
 		<script src="site/js/bootstrap.min.js"></script>
 		<script src="site/js/main.js"></script>
 	</body>

site/js/main.js

@@ -1,13 +1,22 @@
+/*global $ */
 (function() {
+	'use strict';
 
 	// Demos popover
-	$('#demos li a').popover({
-		delay: 200,
-		placement: 'in right',
-		title: function() {
-			return $( this ).text() + '<a href="' + $( this ).data('source') + '">Go to site</a>';
-		}
-	}).on('click', '.popover', function( e ) {
+	function hover() {
+		$( this ).popover('toggle');
+	}
+
+	$('#demos li a').each(function() {
+		var $this = $( this );
+		$this.popover({
+			placement: 'in right',
+			title: $this.text() + '<a href="' + $this.data('source') + '">Go to site</a>'
+		});
+	})
+	.off()
+	.hoverIntent( hover, hover )
+	.on('click', '.popover', function( e ) {
 		// Prevent click on the popover, but allow links inside
 		if ( e.target.nodeName.toLowerCase() !== 'a' ) {
 			e.preventDefault();