From 3e08a44f7f54eda4fd49ef33593364fbfde2ce5a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Peter=20Payter=20Ga=C5=A1par=C3=ADk?= <payter86@gmail.com>
Date: Wed, 10 Sep 2014 23:09:23 +0200
Subject: [PATCH 1/2] Bootstrap default breakpoints

---
 breakpoints.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/breakpoints.js b/breakpoints.js
index 2e73a35..0babd1a 100644
--- a/breakpoints.js
+++ b/breakpoints.js
@@ -30,7 +30,7 @@
 	$.fn.setBreakpoints = function(settings) {
 		var options = jQuery.extend({
 							distinct: true,
-							breakpoints: new Array(320,480,768,1024)
+							breakpoints: new Array(320,480,768,992,1200) //Bootstrap default sizes
 				    	},settings);
 
 

From 894b500d29094fd9727e93ca34e4fbbf8f3f395c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Peter=20Payter=20Ga=C5=A1par=C3=ADk?= <payter86@gmail.com>
Date: Wed, 10 Sep 2014 23:14:06 +0200
Subject: [PATCH 2/2] Major changes

Reworked to work without 250ms interval and viewport width fixed to that it will match with css media queries
---
 breakpoints.js | 43 +++++++++++++++++++++++++++++++++++++------
 1 file changed, 37 insertions(+), 6 deletions(-)

diff --git a/breakpoints.js b/breakpoints.js
index 0babd1a..770c41f 100644
--- a/breakpoints.js
+++ b/breakpoints.js
@@ -30,17 +30,44 @@
 	$.fn.setBreakpoints = function(settings) {
 		var options = jQuery.extend({
 							distinct: true,
-							breakpoints: new Array(320,480,768,992,1200) //Bootstrap default sizes
+                            breakpoints: new Array(320,480,768,992,1200), //Bootstrap default sizes
+							debounceTimeout: 300
 				    	},settings);
 
+        // Debounce function for better performace of this plugin
+        var debounce = function(a,b,c){var d;return function(){var e=this,f=arguments;clearTimeout(d),d=setTimeout(function(){d=null,c||a.apply(e,f)},b),c&&!d&&a.apply(e,f)}}
 
-		interval = setInterval(function() {
-	
-			var w = $(window).width();
+
+		var onResize = debounce(function() {
+
+            var viewportwidth;
+
+            // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
+            if (typeof window.innerWidth != 'undefined')
+            {
+                viewportwidth = window.innerWidth
+            }
+
+            // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
+            else if (typeof document.documentElement != 'undefined'
+                && typeof document.documentElement.clientWidth !=
+                'undefined' && document.documentElement.clientWidth != 0)
+            {
+                viewportwidth = document.documentElement.clientWidth
+            }
+
+            // older versions of IE
+            else
+            {
+                viewportwidth = document.getElementsByTagName('body')[0].clientWidth
+            }
+
+
+			var w = viewportwidth;
 			var done = false;
 			
 			for (var bp in options.breakpoints.sort(function(a,b) { return (b-a) })) {
-			
+
 				// fire onEnter when a browser expands into a new breakpoint
 				// if in distinct mode, remove all other breakpoints first.
 				if (!done && w >= options.breakpoints[bp] && lastSize < options.breakpoints[bp]) {
@@ -84,7 +111,11 @@
 			if (lastSize != w) {
 				lastSize = w;
 			}
-		},250);
+		}, options.debounceTimeout);
+
+        $(window).on("resize", onResize);
+        onResize();
+
 	};
 	
 })(jQuery);