I'm working on some code to sychronize some UI across multiple tabs (all opened using window.open to maintain communication). I have it mostly working but have run into a road block when it comes to executing code in my callback. When i use 'this' in my callback the context is wrong because it says it can't find a method. Any suggestions on how to accomplish this functionality?
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <title>Cross Window Test</title>
    <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.2.3.min.js"></script>
    
    <script type="text/javascript">
var CrossWindow = function(){

};

CrossWindow.prototype.triggerEvent = function(window, event){
	if (window && (typeof window == "object") && !window.closed) {
		$("body",window.document).trigger(event);
	} 
	return false;
};

CrossWindow.prototype.someFunction = function(){
	alert("some function");
};

CrossWindow.prototype.callBack = function(){
	alert("Call Back Hit");
	this.someFunction();
};


$(document).ready(function() {
	var crossWindow = new CrossWindow();
	$("body",window.document).bind("customEvent", crossWindow.callBack); //Bind to current window
	
	var newTab = null;
	$("#openWindow").bind("click",function(){ //Duplicate the same page in a new Tab
		var today = new Date();
		newTab = window.open(document.URL, today.getTime());
	});
	
	$("#customEvent").bind("click",function(){
		if(newTab != null){
			crossWindow.triggerEvent(newTab, "customEvent"); //Trigger event, which was bound at its ready, in another window
		}else{
			alert("No Child Windows");
		}
	});
});
</script>
  </head>
  <body>
	<button id="openWindow">Open Window</button>
    <button id="customEvent">Custom Event</button>
  </body>
</html>
Keep in mind that this is a dumb-down version of the actual object in order to concentrate on the specific problem I am having.