Example on how to share JavaScript functions across multiple files with as long as both files are loaded in on the page.

JQuery_Namespaced_Template.js

/*---------------------------*/

//JSFILE 1 - file that contains all namespace object and functions

(function(){

	var main = window.main || {}
	var myNewObjectPage = main.myNewObjectPage = {
	  markedInvoicesCollection: [], //global array to be used anywhere within the myNewObjectPage
	  init: function()
	  {
	  	//all event handlers go here and call internal functions from here
	  	$('#btn_add').live('click',function(){
	  		myNewObjectPage.sayHello();
	  	});
	  	
	  },
	  sayHello: function ()
	  {
	    console.log('Hello World!');
	  },
	  letsChat:function()
	  {
	  	console.log('Lets Chat!');
	  }
	};

	$(document).ready(function(){
		
		//initilize object
		main.myNewObjectPage.init();
		
	});

})(); // end of function

/*---------------------------*/

//JSFILE 2 - access the object in JSFile 1 using the myCool namespace


main.myNewObjectPage.sayHello //console output: Hello World 
main.myNewObjectPage.letsChat //console output: Hey Lets Chat