From 68408558fd7f03cdeb0604ea110beb7c7c33a26d Mon Sep 17 00:00:00 2001
From: Cristian Vrabie <cristian.vrabie@gmail.com>
Date: Wed, 16 May 2012 10:32:23 +0100
Subject: [PATCH 1/2] Now you can add page change listeners.

---
 index.html          |  9 +++++++++
 jbackbone-mobile.js | 33 ++++++++++++++++++++++++++++++++-
 2 files changed, 41 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 4567ced..50fb922 100644
--- a/index.html
+++ b/index.html
@@ -29,6 +29,15 @@
 			]};			
 
 	    	jbackbone.init(config);
+	
+			/** Track all page changes change **/
+			jbackbone.addPageChangeListener(function(oldPage,newPage){
+				console.log('Page changed from '+oldPage+' to '+newPage);
+			});
+			/** Track specific page change **/
+			jbackbone.addPageChangeListener(function(oldPage,newPage){
+				console.log('Special page is here!');
+			},'sample-page2');	
 
 		}, false);
 	
diff --git a/jbackbone-mobile.js b/jbackbone-mobile.js
index d94d9ad..f89d24a 100644
--- a/jbackbone-mobile.js
+++ b/jbackbone-mobile.js
@@ -11,6 +11,7 @@ function JBackbone(){
 	this.lastPage = null;
 	this.currentPage = null;
 	this.history = [];
+	this.pageChangeListeners = { $all: [] };
 	
 	this.x = 0;
 	this.width = 0;
@@ -38,6 +39,7 @@ JBackbone.prototype.init = function(config){
 	this.x = 0;
 	this.width = window.innerWidth;
 	this.history = [];
+	this.pageChangeListeners = { $all: [] };
 	this.box = document.getElementById(this.config.BOX_ID); //the container for pages
 	this.box.style.left = 0;
 	
@@ -76,7 +78,9 @@ JBackbone.prototype.goToPage = function(nextPage, config){
 	if(config.addToHistory)	this.history.push(this.currentPage);
 	if(config.resetHistory) this.history = [];
 	
+	var oldPage = this.currentPage;
 	this.currentPage = nextPage;
+	this.notifyPageChange(oldPage, this.currentPage);
 }
 
 JBackbone.prototype.goBack = function(){
@@ -85,7 +89,9 @@ JBackbone.prototype.goBack = function(){
 	var previousPage = this.history.pop();
 	console.log("goBack: "+previousPage);
 	this.swapPage(previousPage, this.ANIM_SLIDE_RIGHT);
-	this.currentPage = previousPage;
+	var oldPage = this.currentPage;
+	this.currentPage = previousPage;	
+	this.notifyPageChange(oldPage, this.currentPage);
 }
 
 JBackbone.prototype.hidePage = function(obj){
@@ -190,6 +196,31 @@ JBackbone.prototype.toggleMenu = function(menuPage, config){
 	else this.showMenu(menuPage, config);
 }
 
+JBackbone.prototype.addPageChangeListener = function(func, page){
+	if(typeof func != 'function') return;
+	if(typeof page != 'string') page = '$all';
+	if(!this.pageChangeListeners[page]) this.pageChangeListeners[page] = [];
+	this.pageChangeListeners[page].push(func);
+}
+
+JBackbone.prototype.notifyPageChange = function(oldPage, newPage){
+	if(typeof newPage != 'string') return;
+	//notify specific page
+	var specificListeners = this.pageChangeListeners[newPage]; 
+	if(typeof specificListeners && Array.isArray(specificListeners)){
+		for(var i=0; i<specificListeners.length; ++i){
+			specificListeners[i](oldPage,newPage);
+		}
+	}
+	//notify $all	
+	var allListeners = this.pageChangeListeners['$all']; 
+	if(typeof allListeners && Array.isArray(allListeners)){
+		for(var i=0; i<allListeners.length; ++i){
+			allListeners[i](oldPage,newPage);
+		}
+	}
+}
+
 JBackbone.prototype.addPage = function(id, url) {
 	var req = false;
 	// For Safari, Firefox, and other non-MS browsers

From 685cf8edfc66083168f6d32d5b9e112101fd5afc Mon Sep 17 00:00:00 2001
From: Cristian Vrabie <cristian.vrabie@gmail.com>
Date: Wed, 16 May 2012 10:46:19 +0100
Subject: [PATCH 2/2] Fixed type check in notifyPageChange

---
 jbackbone-mobile.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/jbackbone-mobile.js b/jbackbone-mobile.js
index f89d24a..256d67a 100644
--- a/jbackbone-mobile.js
+++ b/jbackbone-mobile.js
@@ -207,14 +207,14 @@ JBackbone.prototype.notifyPageChange = function(oldPage, newPage){
 	if(typeof newPage != 'string') return;
 	//notify specific page
 	var specificListeners = this.pageChangeListeners[newPage]; 
-	if(typeof specificListeners && Array.isArray(specificListeners)){
+	if(typeof specificListeners == 'object' && Array.isArray(specificListeners)){
 		for(var i=0; i<specificListeners.length; ++i){
 			specificListeners[i](oldPage,newPage);
 		}
 	}
 	//notify $all	
 	var allListeners = this.pageChangeListeners['$all']; 
-	if(typeof allListeners && Array.isArray(allListeners)){
+	if(typeof allListeners == 'object' && Array.isArray(allListeners)){
 		for(var i=0; i<allListeners.length; ++i){
 			allListeners[i](oldPage,newPage);
 		}